Skip to content

Conversation

@songmijin824
Copy link
Collaborator

요구사항

기본

  • 네모 박스 안의 화면을 TypeScript로 마이그레이션해 주세요.

심화

  • any타입을 최소한으로 써주세요

주요 변경사항

  • [ 스프린트 미션 7 피드백 ]
  1. src/components/TagBox.jsx → 중복을 관리할 때 Set
  2. src/components/ui/Modal.jsx → React portal
  3. src/components/ui/UserInfo.jsx → UserImg는 소문자
  4. src/pages/Additem.jsx → [e.target.id]: value 으로 반복 줄임
  5. src/pages/ItemsBox.jsx → 관련된 코드들을 각각의 컴포넌트나 훅안에
  6. src/pages/ItemsBox.jsx 57 줄 → 쿼리 상태 값 하나로
  7. src/pages/Product/AllItems.jsx → form 내부 input에서 enter이벤트가 발생하면 submit 이벤트가 발생
  8. \hooks\useItems.jsx , \components\Product\AllItems.jsx → 쿼리 상태 값이 두 개로 관리되면서 복잡도가 올라가고 예기치 못한 버그가 발생 searchParams
  9. src/components/App.jsx → 데이터가 적을 때 footer가 뜨는 문제, 데이터를 불러올 때마다 레이아웃 쉬프팅
  • 로그인/회원가입/리프레쉬토큰
  • 상품등록
  • 상품 코멘트 등록/수정/삭제
  • 관심상품 등록/삭제

스크린샷

image

멘토에게

  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

@songmijin824 songmijin824 self-assigned this May 13, 2025
@songmijin824 songmijin824 added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label May 13, 2025
Copy link
Collaborator

@dongqui dongqui left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

미진님 프로젝트가 끝난 이후에도 불태우고 계시는군요! 👍 💯

타입 스크립트는 잘 적용해 주셨습니다~! 일부 상태 값 중복이나 복잡도를 조금만 더 신경 써주시면 더욱 좋을 거 같아요 :)

import ConfirmModal from '@/components/ui/ConfirmModal';

function Login() {
const [email, setEmail] = useState('');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

점점 상태 값이 늘어나죠.. 🤣 react-hook-form을 써보셔도 좋아요!

@dongqui dongqui merged commit 131e16b into codeit-bootcamp-frontend:Next-송미진 May 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants