본문 바로가기

JS

[인프런x코드캠프] 훈훈한 Javascript_9日

디데이 카운터를 완성시키고 두번 째 예제를 다룬다.

 

이번에는 to-do-list를 만든다.

사용자의 위치를 가져와 위치의 지역명, 지역의 날씨, input을 통해 할일 목록을 list up 해주는 기능을 가진 웹 이다.

 

 

 

 

 

본격적으로 들어가기 전에 어떻게 JS에서 HTML에 접근하는 지 알수있었다.

 

 

 

 

 

 

DOM(Document Object Modal)을 통해서 HTML의 값에 접근할 수 있다.

DOM은 브라우저가 HTML문서를 파싱하는 과정에서 생겨나는 객체이다.

이 객체는 트리구조를 가지고 있고, 이를 통해 HTML에 접근 가능하다.

 

뜻도 정확히 모르고 기능 구현만을 위해서 썼다면, 이제는 차근차근히 뜻과 함께 좀 더 깊은 이해를 통해서 예제를 받아들여야 한다. 

두번 째 예제인 투두리스트도 열심히 만들어야겠다.