부트캠프 16일차 (DOM)

 

그런 짓은 하지 말아야 했는데...나는 정말 몰랐어

오늘의 생각

추석 연휴가 끝나고 첫날이라 적응이 잘 되지 않았다. 그래도 막상 공부를 시작하니 또 열심히 집중해서 할 수 있어서 다행이라고 생각했다. 공부하면서 연휴 때 거의 공부를 못했던 사실이 새삼 느껴져서 많이 아쉬웠다. 그래도 DOM같은 경우 나름 잘 이해하고 있는 것 같아서 다행이라고 생각했지만, 막상 공부를 진행하면서 이전에 몰랐던 내용들이 계속 발견되었다. document 객체는 완벽히 이해가 되지 않았지만, CRUD(Create, Read, Update, Delete)에 대해서는 잘 이해한 것 같다. 하지만 복습해보니 여전히 모호하게 이해하고 있거나 명확한 설명을 내릴 수 없는 부분들이 있었다. 이후 관련 포스팅을 할 때는 더 명확한 설명을 할 수 있게 찾아봐야겠다는 생각이 들었다.

 

---

오늘의 키워드

DOM(Document Object Model), console.dir, 자식 요소(children)과 부모 요소(parent), 트리 구조, CRUD

---

오늘의 학습내용

• DOM의 정의와 구동원리
• console.dir의 활용을 통한 children 속성 확인
• 자식 요소와 부모 요소의 상관 관계
• 트리 구조의 정의와 조직도
• 생성Create, 읽기Read, 수정Update, 삭제Delete 

---

어려웠던 keyword

• head, body
• Update: textContent, innerHTML
• Delete
• 관심사 분리 (seperation of concerns)

---

내가 질문한다면

• head 영역과 body 영역에 script 태그를 쓸 때 다른 점이 무엇인가요?
• textContent와 innerHTML의 차이가 무엇인가요?
• innerHTML을 활용해 모든 자식 요소를 지우는 방법은 무엇인가요? 이 때의 문제점은 무엇인가요?
• 관심사 분리에 대해 설명할 수 있나요? 왜 관심사 분리가 필요하죠?