1. 요소 노드 선택 : querySellctor
2.반복문을 확용한 스타일 편집
3. 요소 노드 생성 + 수정 : createElment
4. 요소 노드 삭제 : remove
5. innerHTML 과 TextContent
6.이벤트 객체 : event
이해도 자가 점검 리스트
Chapter1. DOM 기초
- DOM의 개념을 이해한다.
- DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 이해한다.
- HTML에서 JavaScript 파일을 불러올 때 주의점에 대해서 이해한다.
Chapter2. DOM 다루기
- DOM을 JavaScript로 조작하여 HTML 요소를 추가할 수 있다. (CREATE)
- DOM을 JavaScript로 조작하여 HTML 요소를 조회할 수 있다. (READ)
- DOM을 JavaScript로 조작하여 HTML 요소를 변경할 수 있다. (UPDATE)
- DOM을 JavaScript로 조작하여 HTML 요소를 삭제할 수 있다. (DELETE)
- 생성한 HTML 요소를 부모 요소의 자식 요소로 포함시킬 수 있다. (APPEND)
- innerHTML과 textContent의 차이를 이해한다.
'코드스테이츠 42기 > [TIL] Section 1' 카테고리의 다른 글
| S1U12 솔로프로젝트 - Coz’ Mini Hackathon 2 (0) | 2022.11.15 |
|---|---|
| S1U12 솔로프로젝트 - Coz’ Mini Hackathon 1 (0) | 2022.11.15 |
| S1U10 [Javascript] 핵심 개념과 주요 문법 3 (0) | 2022.11.09 |
| S1U10 [Javascript] 핵심 개념과 주요 문법 2 (0) | 2022.11.08 |
| S1U10 [JavaScript] 핵심 개념과 주요 문법 1 (0) | 2022.11.07 |
