Language & Framework/React.js
2022. 4. 30.
React로 LocalStorage에 저장되는 TodoList 만들기 ( react-redux, persist-redux )
설명은 거의 없습니다. 단순한 코드라 그냥 보면서 만들고 싶은 분한테는 도움이 되지 않을까 합니다. 준비물(라이브러리) - redux, react-redux, persist-redux, uuid 사실 다 없어도 된다. 노가다 한다면. 컴포넌트 구성 - Head부터 input까지 전체 요소들을 담고 박스 스타일을 담당할 TodoContainer 컴포넌트. - TodoHeader 컴포넌트. - 중간에 들어갈 TodoItem 컴포넌트. - TodoInput 컴포넌트. reducer에서 관리할 todoItem의 상태 - 각 todoItem의 id - 해당 todoItem이 완료되었는지 확인해줄 done (boolean) - todoItem의 값 text - DONE을 선택하면 done==true인 todoIte..
