localstorage
[redux-persist] WebStorage에 light/dark mode 저장하기
아직 남아있는 문제 WhiteList에 'mode'를 지정했음에도 counterReducer가 같이 저장되는 현상은 왜 발생하는 걸까? 이왕 Mode를 적용했으니 시각적인 효과도 주고 싶다. -> Design System에 대해 공부해야 함 사용해보게 된 계기 WebStorage를 활용해야 하는 업무가 주어졌다고 하자, 멘토님이 redux-persist를 알려주셨다. 공부해보라고 하셨는데 프로젝트를 구성해서 직접 사용해보았다. 나는 세팅된 redux를 사용해본적밖에 없기 때문에, redux 최초 세팅을 해보는 게 처음이었다. 생각해 보기로, redux-persist가 프로젝트에서 단독으로 쓰이기보다는 redux와 함께 쓰일 가능성이 매우 높을 것 같았다. 그래서 redux에서 예제로 자주 쓰는 Count..
[Vanilla Javascript Study] # 2. TodoList 업그레이드
2주차에는 TodoList를 업그레이드하는 작업을 거쳤다. [필수 구현사항] 미션1 html에 있던 스크립트를 TodoList.js로 분리합니다 new TodoList()를 실행했던 구문은 index.js로 분리합니다 index.html에서 해당 스크립트를 로드합니다 [추가 구현사항] ✎ 데이터 모델, LocalStorage 활용 데이터 모델에 isCompleted 추가 [{ text: 'todo text', // 할 일 이름 isCompleted: false, // 완료 여부 }] todo data가 변경될 때 마다 localStorage에 저장 웹페이지에 처음 들어올 때 localStorage에 저장된 data가 있으면 불러오고, 없으면 빈 data로 시작 새로고침 시에도 작성해 둔 todo 유지 ✎..