DOM 집필 프로젝트

<머리말 초고>

Front-End 개발자를 지망하는 사람이라면 학습의 길에서 DOM을 한번이라도 마주치지 않을 수 없습니다. DOM은 보이는 웹페이지의 재료가 되며, 웹페이지를 JavaScript로 동작할 수 있도록 하는 핵심입니다. DOM을 제대로 아는 것은 Front-End 개발자의 큰 무기가 됩니다.

그래서 개발자를 꿈꾸는 우리가 여기 모여 이 책을 썼습니다. <DOM - 잡았다, 요 돔!>은 학습자의 입장에서 옆자리의 친구를 이해하는 마음으로 써내려간 책입니다.

이 책에는 실용도를 고려해 생략된 부분이 다수 있습니다. 또한 엄밀한 기준에서 틀린 내용이 담겨있을 수도 있습니다. 이 책을 읽고 여러분이 DOM에 대한 약간의 이해와 많은 의문을 얻는다면 그것으로 우리는 무척 기쁠 것입니다. 모쪼록 이 책을 초석으로 삼아 여러분의 주체적인 학습이 이어지길 기대합니다.

책이 출판될 수 있도록 힘써주신 ...

 

담당파트 Chapter 2. 트리

1. 노드
1.1. 노드의 개념
1.2. 노드의 유형
1.2.1. 문서 노드(Document node)
1.2.2. 요소 노드(Element node)
1.2.3. 어트리뷰트 노드(Attribute node)
1.2.4. 텍스트 노드(Text node)
1.2.5. 노드 유형 식별
2. DOM 트리
2.1. DOM 트리의 개념
2.1.1. 트리 자료구조
2.2. DOM과 BOM
2.3. 트리 구조 실습
3. 노드 취득 / 컬렉션 객체
3.1. DOM 구조에 접근하기
3.2. 요소 노드를 취득하는 방법
3.2.1. ID로 HTML 요소 찾기
3.2.2 태그 이름으로 HTML 요소 찾기
3.2.3 Class로 HTML 요소 찾기
3.2.4. CSS 선택자로 HTML 요소 찾기
3.3. DOM 컬렉션
3.3.1. 특징
3.3.2. HTMLCollection
3.3.3. NodeList
4. 노드 탐색
4.1. 노드 탐색의 개념
4.1.1. 노드 탐색의 필요성
4.1.2. 공백 텍스트 노드
4.2. 노드 탐색 프로퍼티
4.2.1 부모 노드 탐색
4.2.2. 자식 노드 탐색
4.2.3. 형제 노드 탐색
5. 노드 조작
5.1. DOM 조작
5.2. 요소 노드의 텍스트 조작 (요소의 내용을 가져오기/수정하기)
5.2.1. nodeValue
5.2.2. textContent
5.2.3. textContent와 유사한 innerText
5.3. HTML 콘텐츠 추가/제거
5.3.1. innerHTML
5.3.2. DOM 직접 조작하기
5.3.2.1. 노드 생성/추가
5.3.2.2. 노드 삽입 및 이동
5.3.2.3. 노드 복제
5.3.2.4. 노드 교체 및 제거

 

https://ridibooks.com/books/2773000061

 

목차만 보고도 기가 질리는 ㅎㅎ 집필 땐 체력이 달릴 때라 엄청 힘들었는데 전자책으로 나온 것을 보니 또 뿌듯하고 그렇다. 글 쓰는 것도 공부하는 것도 재밌어서 집필 또 하고 싶다. 대신 이번엔 혼자서... ㅋㅋㅋㅋㅋㅋㅋㅋ