부모 안에 있는 자식 태그를 선택할 때 p tag 안에 있는 span 찾기 2번째 경우 바로 밑 자식을 선택할 때 3번째 경우 p 안에 있는 것이 아니라 p 옆에 있는 span을 제어하기 즉, 형제를 찾는 것 1) div span : div 속 span을 의미합니다. span이 div의 direct children(직접 연결된 자식 요소)이 아니어도 작동합니다. (7:03부터 설명 나옵니다.) 2) div > span : span이 div의 direct children임을 의미합니다. 이땐 direct children이 아니면 작동하지 않습니다. 3) div + span : div와 동등한 위치에 있는 span을 의미합니다. 자식 요소도, 부모 요소도 아닌 것이죠. 예를 들면, 이 해당됩니다. 는 해당되..

pseudo selector last-child first-child nth-child(n) even odd 2n 2n + 1 3n+1

객체 선택 document.querySelector(''); 태그 생성 document.createElement('li'); 클래스 추가 태그 .classList.add('name'); 자식으로 넣기 부모.appendChild(nameTag) for …of 반복문 for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다. for of 구문을 사용하기 위해선 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다(직접 명시 가능). var iterable = [10, 20, 30]; for (var value of iterable) { console.log(value); }

position fixed fixed로 레이어 나누기 fixed로 가장 위에 있는 레이어가 되어버림 높이, 아래, 오른쪽 왼쪽 값을 하나라도 주면 다른 레이어가 되어버림 static positon:static relative absolute