> For the complete documentation index, see [llms.txt](https://simian114.gitbook.io/blog/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://simian114.gitbook.io/blog/undefined-1/diary/2021/april/20210407.md).

# 20210407(수)

## 2021-04-07

### 1. 학습 날짜

* 2021-04-07

### 2. 학습 시간

* 10:00 \~ 23:00

### 3. 학습 범위 및 주제

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

### 4. 학습 목표

* localStorage 사용법 익히기
* 뼈대 잡기

### 5. 학습 정리

* [시작하기 전 정리](https://simian114.gitbook.io/blog/undefined/blackcoffeestudy/zzz/1)

### 6. 상세 학습 내용

* localStorage
  * 기본적으로 localStorage 는 JSON 스트링의 형식으로 데이터를 저장한다.
  * 따라서 객체나, 일반적인 문자열 또한 JSON.stringify를 통해 제이슨 문자열로 만들어야한다.
  * 또한 key, value 를 이용해서 값을 세팅하는 특성 때문에 데이터를 넣고 빼는건 간단하다.
    * getItem, setItem 등을 사용하면됨.
* 바닐라 자바스크립트로 MVC 만들기
  * 백본의 MVC 프레임워크는 model, view, collection 으로 현재 내가 하는 MVC 와는 조금 다르다.
  * 여기서 사용하는 MVC 에서 가장 이해가 안되고 어려웠던 부분은, controller 에서 view의 DOM 요소에 대해 이벤트를 바인딩 하는 부분이었다.

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

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

### 8. 다음 학습 계획

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