노마드코더 크롬 투두리스트 클론코딩

하기 전 내 생각들

 날씨,위치,시간,투두리스트,이름

• 갱신되게 해야함

위치: api써서 받아오기

• 갱신되게 해야함

투두리스트: 텍스트 적는 칸 만들고 그거 보여주기

• 계속 적을수 있어야 함
• 버튼 누르면 새로운 투두리스트 적는 칸 떠야함
  • 버튼 만들기
  • 버튼에 투두리스트 생성 코드 넣기
  • 생성 위치 잡기
• 삭제 누르면 투두리스트 삭제되야함
  • 삭제버튼
    • button타입 삭제방법 알아야함

이름: 텍스트 적는 칸 만들고 그거 보여주기

시간: 현재시간 보여주는 메소드쓰기

날씨: api써서 받아오기

크롬 새페이지 만들면 보이는 화면 만들기

 

실습 전 이론 파트 공부

• 2.3 function basic
  • 어떤 변수가 함수를 받았을 때 이 변수가 받는 값은 그 함수의 리턴값이다. 리턴값이 정의되지 않았다면 undefined를 받는다.

 

• 2.4JS DOM Functions
  • JS DOM Functions→ id='title'인 태그를 조정하려면 이 태그 밑에다가 script를 작성해야 한다.
  • DOM은 html태그를 가져다가 객체로 만들어서 html을 수정할 수 있게 한다.
  • https://stackoverflow.com/questions/18239430/cannot-set-property-innerhtml-of-null

 

• 2.6 Events and event handlers
  • window.addEventListener('resize',handleResize); → 인터넷창이 'resize'되었을때 handleResize 함수 실행
  • window.은 인터넷창에 뭔가가 일어났을때 어떤 함수를 수행하는 것이다.

 

• 2.7 DOM - If else - Function practice Two
  • 색을 왔다갔다 하고 싶을 때 색이 지정된 클래스를 태그에서 넣다 뺐다하면 색을 조정할 수 있다.
  • title.classList.contains(클래스명) :이건 해당 클래스가 포함되어있으면 true,아니면 false를 반환한다.이 과정을 없애기 위해 classList.toggle(클래스명) 하면 클래스를 넣다 뺐다 하는 기능을 수행한다.