TIL 34일차

토요일을 맞이하여 DOM에 대해 복습해보았다. 그리고 고차함수 코플릿 문제도 풀어보았다. 모두 Section1에서 학습한 내용들이였는데 복습을 하면서 새롭게 알게 되는 부분들도 있고 복습을 하길 잘했다는 생각이 들었다. 

 

DOM으로 HTML 조작하기

document 객체에는 많은 속성과 메소드가 존재한다. 모든 속성과 메소드를 외워야 할까? 지금 당장 전부 알아야 할 필요는 없다. 지금 집중할 부분은 CRUD(Create, Read, Update and Delete) 이다. 앞으로 어떤 종류의 개발이나 컴퓨터 언어를 배우더라도 가장 먼저 CRUD에 집중해야 한다. CRUD를 먼저 이해하는 것이 새로운 언어를 가장 빠르게 학습하는 방법이다. (CRUD를 이해한 다음에는 다양한 trivia를 알아야 함.) 이 챕터에서는 document 객체를 통해서 HTML 엘리먼트를 만들고(CREATE), 조회하고(READ), 갱신하고(UPDATE), 삭제하는(DELETE) 하는 방법을 학습한다. DOM에는 HTML에 적용(APPEND)하는 메소드가 따로 있으니 주의해야한다.

 

Today's Key🔑

• CREATE - createElement: 엘리먼트를 만든다.
• APPEND - append, appendChild: 적용한다.
• READ - querySelector, querySelectorAll: 조회한다.
• UPDATE - textContent, classList.add: 갱신한다.
• DELETE - remove, removeChild: 삭제한다.