20210407(수)

2021-04-07

1. 학습 날짜

• 2021-04-07

2. 학습 시간

• 10:00 ~ 23:00

3. 학습 범위 및 주제

• 바닐라 자바스크립트로 MVC 패턴으로 todo 앱 만들기

4. 학습 목표

• localStorage 사용법 익히기

• 뼈대 잡기

5. 학습 정리

• 시작하기 전 정리

6. 상세 학습 내용

• localStorage

  • 기본적으로 localStorage 는 JSON 스트링의 형식으로 데이터를 저장한다.

  • 따라서 객체나, 일반적인 문자열 또한 JSON.stringify를 통해 제이슨 문자열로 만들어야한다.

  • 또한 key, value 를 이용해서 값을 세팅하는 특성 때문에 데이터를 넣고 빼는건 간단하다.

    • getItem, setItem 등을 사용하면됨.

• 바닐라 자바스크립트로 MVC 만들기

  • 백본의 MVC 프레임워크는 model, view, collection 으로 현재 내가 하는 MVC 와는 조금 다르다.

  • 여기서 사용하는 MVC 에서 가장 이해가 안되고 어려웠던 부분은, controller 에서 view의 DOM 요소에 대해 이벤트를 바인딩 하는 부분이었다.

7. 오늘 학습 내용에 대한 개인적인 총평

• 흠... 백본JS.. 다시보니 선녀다!ㅋㅋ

8. 다음 학습 계획

• TODO 앱 기본적인 이벤트 넣기