22.12.01 목요일 / weekly-check-list

22.12.01 목요일

📌 바닐라 자바스크립트로 weekly-check-list 만들기

📒 local storage 개념 학습

- local storage
: 브라우저에 key-value값을 storage에 저장할 수 있다.
: 창을 닫아도 데이터가 브라우저에 남아있다 (컴퓨터 내에 같은 브라우저에서)
: 모바일에서도 사용 가능

- 쿠키와 비교
네트워크 요청시 서버로 전송되지 않는다.
http 헤더로 객체 조작 불가, 자바스크립트 내에서만 가능

- API
setItem(key,value) : 키-값 을 쌍으로 보관
getItem(key) : 키에 해당하는 값을 받아옴
removeItem(key) : 키에 해당하는 값 삭제
clear() : 모든 것을 삭제
key(index) : 인덱스에 해당하는 키를 받아옴
length : 저장된 항목의 개수
키와 값은 문자열 이여야한다.

---

📒 weekly-check-list 만들기

간단한 투두리스트 만들어보기를 하면서, 바닐라 자바스크립트의 구조와 기능구현 을 복습할 수 있었다.
핸드폰에서 직접 사용할 수 있는 내가 필요한 위클리 리스트를 작성할 수 있는 페이지를 만들어 보자!
한 번 학습했던 내용이니까 빠르게 작업할 수 있을 거 같다!
직접 사용할 부분이다보니, 디자인과 폰트를 신경쓰게 된다

https://github.com/yeonjujeong0511/JS-TIL/tree/main/To-do-List/weekly-list