23.02.17-23.02.23 주특기 심화 주차 / React, Todo-List 과제 진행중
진행순서
redux toolkit + thunk 이용
1. 페이지 구성
2. 페이지에 따른 컴포넌트 구성
3. 공통버튼이나 카드에 대한 엘리먼트 구성~
4. 완료 후, react-query로 리팩토링 진행
5. 필수 조건 만족 후, 4까지 완성했다면 API명세서 작성
※ 주의 App.js에는 Router만 넣어두도록하자.
넣어야 할 조건
- 동적라우팅 사용
- Custom Hook 구현, 사용
- 유효성 검증 기능 적용
- 예시) 글자수 제한, 미입력시 버튼 비활성화
- 버튼컴포넌트 1개로 모든 버튼 구현(만능버튼)
- development환경에서 redux devtool 활성화 되도록 처리
- console.log()가 보이지않도록 처리
- .env를 사용해 API서버의 URL을 코드상에서 숨김처리
2/20 기준
: 페이지 구성 및 이동 완료
: 레이아웃, 헤더페이지 적용완료
: 조회, 추가, 수정, 삭제에 대해 thunk 및 slice 추가 완료
｡˚⋆｡˚ ☁︎˚｡⋆｡˚☽˚｡⋆˚ ☁︎˚