[D2C-34] 상품 상세 화면 및 장바구니 담기 흐름 구현#7
Merged
Conversation
- connect product detail API and render product detail page - add quantity selector and cart add action from product detail - create cart when stored cart_id is missing and persist cart_id in localStorage - show login guidance, success, and error feedback for cart add flow - add cart API client and cart-related frontend types - add favicon asset and register it in the Vite index page
jjunier
changed the title
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
개요
D2C-33에서 구현한 카테고리/상품 목록 화면 이후, 사용자가 상품 카드에서 상세 화면으로 이동하고 상품 상세 정보를 확인한 뒤 장바구니에 상품을 담을 수 있는 흐름을 구현했습니다.
이번 작업에서는 상품 상세 API 연동, 수량 선택 UI, 장바구니 생성 및 상품 담기 API 연동, 로그인 안내 및 성공/실패 피드백 처리를 포함했습니다.
포함 범위
상품 상세 화면 구현
장바구니 담기 흐름 구현
cart_id가 없을 경우 장바구니 생성cart_id를 localStorage에 저장API / 타입 구성
기타 UI 보완
index.htmlfavicon link 등록검증 결과
프론트엔드 타입 체크를 실행하여 정상 통과를 확인했습니다.
프론트엔드 빌드를 실행하여 정상 통과를 확인했습니다.
프론트엔드 개발 서버와 백엔드 서버를 함께 실행하여 상품 상세 및 장바구니 담기 흐름을 수동 확인했습니다.
수동 확인 항목:
http://localhost:5173/products접속 확인브랜치 통합 방식
이번 PR의 통합 흐름은 아래와 같습니다.
D2C-34 병합 후에는
develop브랜치에서 D2C-35 전용 feature 브랜치를 새로 분기하여 회원가입 화면 및 사용자 생성 흐름 구현을 진행합니다.향후 브랜치 운영 원칙
Sprint 2에서는 아래 브랜치 운영 원칙을 유지합니다.
develop에서 분기develop으로 개별 PR 생성develop을main에 병합main은 배포 기준 브랜치로 유지체크리스트
develop브랜치에서 분기한 feature 브랜치에서 작업cart_idlocalStorage 저장 처리.env,node_modules,dist, cache 파일이 커밋에 포함되지 않도록 확인