오늘 한 일

니콜라스 - 바닐라 JS 3강 수강

document는 JS에서 HTML을 불러와서 조회하고 수정할 수 있는 유용한 object다.

HTML - CSS -JS는 유기적으로 연결이 가능하고 궁극적으로는 JS를 통해 HTML, CSS에 변형을 가하면서

홈페이지가 유기적으로 하는 걸 돕는다.

• .querySelector, .querySelectorAll: HTML 값을 불러오는데 css방식으로 처리한다. 그래서 class엔.을, ID엔 #과 같이 CSS 처리할 때와 동일한 인식인자를 붙여야함.

• addEventListener(): 이벤트를 처리하는 object? property다. 둘 중에 뭐가 맞는 지는 모르겠지만.

onclick 등 다양한 event명령어들을 처리할 수 있으며 이는 .onclick등 event로 대체 가능하다. 다만 니꼬쌤의 경우 addEventListener 쓰는 걸 선호하더라.

• console.dir을 통해 Event, object를 찾을 수 있음. (근데 아마 나는 홈페이지에 번역본을 많이 이용할 듯)

• classList, className 차이점: className은 기존 걸 대체한다. classList는 기존 걸 두고 추가, 삭제하는 개념이 더해져 상황에 따라 쓸 수 있을 것 같다. on, off 같은 양자택일의 경우 toggle을 사용해 한 줄로 대체할 수 있으며 매우 유용하게 사용가능할 듯하다.