Language & Framework/JavaScript
2022. 4. 22.
TodoList 새로고침해도 내용이 유지되도록 기능 개발하기 (feat.localStorage)
리액트를 공부하다가 벽을 만났는데 멘붕 와서 다른 것 뒤적거리다가 드림코딩 슬랙 채널에서 기존 드림 코딩 강의에서 만든 TodoList에 localStorage를 적용할 방법을 찾지 못해서 해메고 계시는 드림 코더분의 글을 보게 되었다. 리액트 배운 지 며칠 되었다고 벌써 머리속에서 바닐라 자바스크립트가 잊혀져가던 참이고 리액트도 꼴보기 싫어서 잠시 머리 식힐 겸 도와드리기 위해 이 글을 작성하게 됐다. 기존 코드는 입력값을 전달 받아 미리 준비된 HTML에 전달 받은 값을 그냥 박아서 화면에 띄워주기만 하면 되는 상태였다면 localStorage를 사용하기 위해서는 전달 받은 값과 그리고 그 값의 id를 미리 오브젝트로 만들어 보관해야 한다는 사실만 생각하면 딱히 어려울 것이 없다. 강의에서 알려주는대..
