우선 순위 정하기

1. 이미지 업로드 최적화
2. input 리렌더링

추가 아이디어

• tanstack query를 사용해서 적용해보고 직접 커스텀 훅으로 만들어서 넣기
• protected route?가 뭔지 알아보기
• 게시글 수정
• 지속적인 업데이트 하기 무리가 있어 msw 띄울까 생각중

코드 전반적인 문제점

• 이해하지 못하고 짠 타입
• 비즈니스 로직과 UI로직이 합쳐져있음
• 코드 가독성
  • 핸들러 네이밍

newProduct (상품 등록)

문제점

• form 리렌더링 이슈 → useState - useRef - useMemo - react-hook-form
  • form 태그 올바르게 활용해서 쓰기
• 이미지를 업로드 하고 나서 화면에 표시하기까지 시간이 오래 걸림 → 이미지 최적화
  • 이미지를 10개 한번 업로드 하고 나면 input 창이 느려짐
• newProduct 페이지 컴포넌트에서 하는 일이 너무 많음 → 컴포넌트로 분리하거나 커스텀훅으로 만들기
• 이미지 업로드 파트 제대로 이해하고 짠 코드가 아님 복붙임 → 코드 다시 짜기
• form 일반 문자열로 넣은 것이 많음 → 사용자가 추가한 정보가 담길 수 있도록 반영
• 카테고리 포탈로 처리하면 뒤로가기 안됨