🚀 프로젝트/따꼼

리팩토링 방향 정리

seheej 2025. 3. 15. 17:11
      1. 디렉토리 구조 개선: 기존 components/child/ 내부 파일이 너무 많아 가독성이 떨어짐
        1. 관련 기능별로 child/, register/, record/, info/ 등을 분리
      2. "혹시 모르니까", 테스트 코드 등 불필요한 코드 지우기
      3. 상태 관리 (useEffect -> Tanstack Query)
        1. useChildrenData.tsx
        2. chlidId상태관리가 문제....chlidId API요청을 통해서 가져오는 것으로 변경
        3. 문제 1: 처음엔 아이 아이디가 null -> 요청으로 받아오면 여기가 다시 실행되면서 값이 들어와서 (아이디가 변경됨)
      4. Query key 정리 (중복되는 커스텀 훅이 어딘가에는 존재할 듯)
        1. usequery 사용 
        2. mutation onsuccess안에서 invalidate
        3. selectedId를 상태로 관리하고 있는게 가장 큰 문제..~~~? useEffect로 가져오는게 아닌 어딘가에서 api로 가져오는게 가장 이상적이되기 때문에  --> 개선필요
      5. props drilling.... 문제 개선.... 
      6. 스타일 정리 (재사용가능한 스타일 확인)
      7. 컴포넌트 분리 가능한 부분 있는지 확인하기
      8. 캘린더 Date Picker로 교체하였으나 좌우 화살표 누를때마다 닫히면 캘린더 창 닫히는 현상 개선(화살표 눌러도 닫히지 않게 하고 싶음)