- 디렉토리 구조 개선: 기존 components/child/ 내부 파일이 너무 많아 가독성이 떨어짐
- 관련 기능별로 child/, register/, record/, info/ 등을 분리
- "혹시 모르니까", 테스트 코드 등 불필요한 코드 지우기
- 상태 관리 (useEffect -> Tanstack Query)
- useChildrenData.tsx
- chlidId상태관리가 문제....chlidId를 API요청을 통해서 가져오는 것으로 변경
- 문제 1: 처음엔 아이 아이디가 null -> 요청으로 받아오면 여기가 다시 실행되면서 값이 들어와서 (아이디가 변경됨)
- Query key 정리 (중복되는 커스텀 훅이 어딘가에는 존재할 듯)
- usequery 사용
- mutation onsuccess안에서 invalidate
- selectedId를 상태로 관리하고 있는게 가장 큰 문제..~~~? useEffect로 가져오는게 아닌 어딘가에서 api로 가져오는게 가장 이상적이되기 때문에 --> 개선필요
- props drilling.... 문제 개선....
- 스타일 정리 (재사용가능한 스타일 확인)
- 컴포넌트 분리 가능한 부분 있는지 확인하기
- 캘린더 Date Picker로 교체하였으나 좌우 화살표 누를때마다 닫히면 캘린더 창 닫히는 현상 개선(화살표 눌러도 닫히지 않게 하고 싶음)
'🚀 프로젝트 > 따꼼' 카테고리의 다른 글
| 아이 등록 단계별 페이지 내 중복 코드 컴포넌트로 분리 (0) | 2025.03.16 |
|---|---|
| 최종프로젝트 그 후, 그리고 다시 시작하는 리팩토링 (0) | 2025.03.14 |
| 따꼼 | 날짜선택 Form을 Shadcn의 Date Picker로 교체 구현 및 관련 오류 해결 (1) | 2024.11.26 |
| 따꼼 트러블 슈팅 | 이미지 업로드 오류: InvalidKey 해결 방법 (0) | 2024.11.25 |
| 따꼼 트러블 슈팅 | React + Supabase 중복 데이터 삽입 문제 해결하기 (0) | 2024.11.20 |