본문 바로가기
반응형

전체 글

 (501)
39장 DOM(4) 2023년 5월 4일 734p~753p 39.7 어트리뷰트 39.7.1 어트리뷰트 노드와 attributes 프로퍼티 HTML 요소를 제어하기 위한 추가적인 정보를 제공하는 어트리뷰트는 한개의 HTML 요소가 여러 개의 어트리뷰트를 가질 수 있다. 어트리뷰트는 시작 태그에 아래와 같이 정의한다. 모든 HTML 요소에 공통적으로 적용할 수 있는 글로벌 어트리뷰트와 이벤트 핸들러 어트리뷰트가 있으며, 특정 HTML 요소에서만 사용할 수 있는 어트리뷰트도 있다. 글로벌 어트리뷰트 : id, class, style, title, lang, tabindec,draggable, hidden 등 이벤트 핸들러: onclick, onchange,onfocus, onblur, onmouseover, 등 HTML 문서가 ..
[구현] 프로그래머스 '124 나라의 숫자' - js 1. 문제 https://school.programmers.co.kr/learn/courses/30/lessons/12899 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 코드 이 문제를 처음 읽었을 때는 감이 잘 오지 않았다. 알고보니 1,2,4 이 세 개의 숫자를 쓴다는 것은 이 문제를 3진법으로 풀어야한다는걸 떠올려야 했다. 문제는 매우 쉬웠지만, 풀이를 생각하기가 어려운 문제인 것 같다. 정답) function solution(n) { let answer = ''; // 3진법 사용. 3과 나누어 떨어졌을 때 나머지를 0이 아닌 4로 본다고 ..
39장 DOM(3) 2023년 5월 3일 714p~733p 39.6 DOM 조작 DOM 조작은 새로운 노드를 생성하여 DOM에 추가하거나 기존 노드를 삭제 또는 교체하는 것을 말한다. DOM 조작에 의해 새로운 노드가 추가되거나 삭제되면 리플로우와 리페인트가 발생하기 때문에 성능에 영향을 준다. 따라서 성능 최적화를 위해 주의해서 다뤄야 한다. 39.6.1 innerHTML Element.prototype.innerHTML 프로퍼티는 setter와 getter 모두 존재하는 접근자 프로퍼티로서 요소 노드의 HTML 마크업을 취득하거나 변경한다. 프로퍼티를 참조하면 요소 노드의 콘텐츠 영역 내에 모든 HTML 마크업을 문자열로 반환한다. Hello world! textContent 프로퍼티가 마크업을 무시하고 텍스트만 반환하..
[자료구조] 복잡도/선형&비선형 자료구조 2023년 5월 3일 232p~261p 5.1 복잡도 복잡도는 시간 복잡도와 공간복잡도로 나뉜다. 빅오 표기법 : 시간 복잡도 시간 복잡도란 문제를 해결하는 데 사용한 알고리즘의 로직이 얼마나 오랜 시간이 걸리는지를 나타내는데 쓰이며 보통 빅오 표기법으로 나타낸다. 예를 들어 입력 크기 n의 모든 입력에 대한 알고리즘에 필요한 시간이 10n^2 + n 이라고 하면 다음과 같은 코드를 상상할 수 있다. for(let i=0;i
[구현] 프로그래머스 '삼각 달팽이' - js 1. 문제 https://school.programmers.co.kr/learn/courses/30/lessons/68645 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 구현 function solution(n) { let answer = []; let count = 0; let arr = Array.from({ length: n }, (el, idx) => Array(idx + 1).fill(0)); let currentX = -1; // 상하 let currentY = 0; // 좌우 while (n > 0) { // n의 값이 유효할 때까지 ..
39장 DOM(2) 2023년 5월 2일 700p~714p 39.3 노드 탐색 DOM 트리 상의 노드를 탐색 할 수 있도록 Node, Element 인터스페이스는 트리 탐색 프로퍼티를 제공한다. Node.prototype 이 제공하는 프로퍼티 parentNode : 부모 노드 탐색, (부모 노드는 텍스트 노드가 될 수 X) previousSibling : 이전 형제 노드 탐색하여 반환, 요소 노드 또는 텍스트 노드를 반환 firstChild : 첫 번째 자식 노드 반환 , 요소 노드 또 는 텍스트 노드 childNodes : 자식 노드를 모두 탐색 하여 NodeList로 반환, 텍스트 노드 포함 될 수 있음 Element.prototype 이 제공하는 프로퍼티 previousElementSibling : 이전 형제 노드 반..
[데이터베이스] 트랜잭션과 무결성/인덱스/조인 2023년 5월 1일 206p~228p 4.3 트랜잭션과 무결성 4.3.1 트랜잭션 트렌잭션이란? 데이터베이스의 상태를 변화시키기 위해 수행하는 작업 단위 상태를 변화시킨다는 것 → SQL 질의어를 통해 DB에 접근하는 것 - SELECT - INSERT - DELETE - UPDATE 작업 단위 → 많은 SQL 명령문들을 사람이 정하는 기준에 따라 정하는 것 예시) 사용자 A가 사용자 B에게 만원을 송금한다. * 이때 DB 작업 - 1. 사용자 A의 계좌에서 만원을 차감한다 : UPDATE 문을 사용해 사용자 A의 잔고를 변경 - 2. 사용자 B의 계좌에 만원을 추가한다 : UPDATE 문을 사용해 사용자 B의 잔고를 변경 현재 작업 단위 : 출금 UPDATE문 + 입금 UPDATE문 → 이를 통틀어 ..
[해시] 프로그래머스 '롤케이크 자르기' - js 1. 문제 https://school.programmers.co.kr/learn/courses/30/lessons/132265 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 코드 처음 푼 코드) Set을 사용하여 모든 경우를 비교하는 간단한 풀이라 당연히 시간초과가 날 것을 예상했다.. 그래도 항상 완탐을 제일 먼저 시도해보아야하니 시간초과를 예상했어도 한 번 작성해보았다. function solution(topping) { let answer = 0; const check = (arr1,arr2) => { let set1 = new Set(); l..
반응형

티스토리툴바