강원대 FE_허윤수 4주차 과제 STEP3 #53
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
added 30 commits
July 17, 2024 05:02
- 상세 요구사항은 각 단계에서 정리 할 예정
…n routes configuration
- API 응답 데이터 구조 변경에 따른 상품 상세 정보 접근 방식 수정 (productDetail.detail) - 상품 및 옵션 정보 로딩 상태 및 에러 처리 로직 추가
- React Query 활용 방식 개선: 데이터 fetching 함수 분리 및 경로 함수 추가
- enabled 옵션 추가를 통해 productId 값 유효성 검사 후 쿼리 실행하여 불필요한 API 호출 방지
added 26 commits
July 17, 2024 21:46
- '@/components/common/Button'에서 가져온 커스텀 버튼 컴포넌트를 사용하여 결제 버튼 대체
- '@/components/common/Form/Input/UnderlineTextField'에서 가져온 커스텀 입력 필드 컴포넌트를 사용하여 영수증 번호 입력 필드 대체
- 결제 페이지 레이아웃을 2열 구조로 수정하여 선물 메시지 및 선물 내역을 좌측에, 결제 정보를 우측에 배치 - 각 섹션에 borderWidth, padding, borderRadius, background, boxShadow 스타일 적용
- 카드 메시지를 입력하지 않은 경우 경고 메시지 표시
- 카드 메시지가 100자를 초과할 경우 경고 메시지 표시
- 현금영수증 체크 시 번호 입력 필드 표시 - 번호가 입력되지 않은 경우 경고 메시지 표시
- 현금영수증 번호가 숫자인지 유효성 검사 추가
- React Hook Form 설치 및 기본 설정 - 기존 상태 관리 및 유효성 검사를 React Hook Form으로 전환
- 현금영수증 체크 시 번호 입력 필드 표시 - 번호가 입력되지 않은 경우 경고 메시지 표시
- 현금영수증 번호가 숫자인지 유효성 검사 추가
- 카드 메시지를 입력하지 않은 경우 경고 메시지 표시
- 카드 메시지가 100자를 초과할 경우 경고 메시지 표시
This was referenced Jul 19, 2024
danmin20
requested changes
Jul 19, 2024
|
컨플릭트 해결 후 머지해주시면 될 것 같아요~ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
멘토님 안녕하세요!
이번 PR에서는 결제 페이지의 폼을 React Hook Form을 사용하여 리팩터링하고, 유효성 검사 로직을 개선했습니다. 피드백을 위해 시간을 내주셔서 감사합니다!
3단계 - React Hook Form 리팩터링