Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

장바구니 기능 구현 #157

Merged
merged 3 commits into from
Mar 8, 2024
Merged

장바구니 기능 구현 #157

merged 3 commits into from
Mar 8, 2024

Conversation

jihwooon
Copy link
Owner

@jihwooon jihwooon commented Mar 8, 2024

작업 내용 (Content)

주요 변경 사항:

  • 장바구니 페이지 (Cart.tsx) 를 추가하여 장바구니 목록, 선택 및 삭제 기능을 구현했습니다.
  • 장바구니 API 엔드포인트를 추가했습니다 (/carts).
  • 상품 상세 페이지에서 장바구니 담기 기능을 구현했습니다 (useBook.ts).
  • 장바구니 데이터를 다루는 useCart.ts hook을 추가했습니다.
  • 장바구니 목록 항목 컴포넌트 (CartItem.tsx) 를 제작했습니다.
  • 선택 아이콘 기능을 위한 CheckIconButton.tsx 컴포넌트를 제작했습니다.

링크 (Links)

기타 사항 (Etc)

Merge 전 필요 작업 (Checklist before merge)

  • PR 올리기 전 rebase 동기화를 하셨나요?
  • 마지막 줄에 공백 처리를 하셨나요?
  • 커밋 단위를 의미 단위로 나눴나요?
    • 예시
      • 코드 가독성을 위해 메서드를 추출하라
      • if-else 문을 if 문으로 분리하라
      • 불필요한 메서드를 인라인화하라
  • 커밋 본문을 작성하셨나요?
    • 예시
      • 함수는 한 가지 일을 해야 한다는 원칙에 따라 메서드를 추출합니다.
      • if-else는 컴파일 시 처리가 되어 재컴파일 없이 수정 할 수 없습니다.
        이에 따라 코드가 실행되는 순간에 실행이 결정되는 if 문으로 수정합니다.
  • CI 파이프라인이 통과가 되었나요?
  • 리뷰 요청 전 Self-Review로 의문점을 해결 하셨나요?
  • PR 리뷰 가능한 크기를 유지하셨나요?

jihwooon added 3 commits March 8, 2024 09:43
주요 변경 사항
- tsconfig.json 파일을 업데이트하여 TypeScript 컴파일러에게 프로젝트 경로 및 파일 참조 방식을 알려줍니다.
- baseUrl 필드를 추가하여 프로젝트의 루트 디렉토리를 기준 경로로 설정합니다.
- paths 매핑을 설정하여 src 디렉토리 내 파일들을 상대 경로 대신에 별칭으로 참조할 수 있도록 합니다.
- include 필드를 업데이트하여 컴파일러가 컴파일 대상으로 포함해야 하는 파일 패턴을 명시합니다 (이 경우 src 디렉토리 하위 모든 파일).

관련 변경 사항
client/tsconfig.json 파일 수정
주요 변경 사항
- 장바구니 관련 API 엔드포인트 경로를 /cart 에서 /carts 로 변경했습니다.
- 이는 명명 규칙을 개선하고 RESTful API 패턴에 더 부합하도록 하기 위한 변경입니다.
- 테스트 케이스 (cartItem-list.controller.test.ts) 에서도 경로 변경을 반영했습니다.
- cartItems.router.ts 파일에서 라우터 경로를 수정했습니다.
주요 변경 사항:
- 장바구니 페이지 (Cart.tsx) 를 추가하여 장바구니 목록, 선택 및 삭제 기능을 구현했습니다.
- 장바구니 API 엔드포인트를 추가했습니다 (/carts).
- 상품 상세 페이지에서 장바구니 담기 기능을 구현했습니다 (useBook.ts).
- 장바구니 데이터를 다루는 useCart.ts hook을 추가했습니다.
- 장바구니 목록 항목 컴포넌트 (CartItem.tsx) 를 제작했습니다.
- 선택 아이콘 기능을 위한 CheckIconButton.tsx 컴포넌트를 제작했습니다.

관련 변경 사항:

- client/src/api/cart.api.ts (신규)
- client/src/components/cart/CartItem.tsx (신규)
- client/src/components/cart/CheckIconButton.tsx (신규)
- client/src/hooks/useAlert.ts (확장)
- client/src/hooks/useBook.ts (확장)
- client/src/hooks/useCart.ts (신규)
- client/src/pages/Cart.tsx (신규)
- client/src/pages/Signin.tsx (최소 변경 - useAlert hook 업데이트로 인한 영향)
- client/src/pages/Signup.tsx (최소 변경 - useAlert hook 업데이트로 인한 영향)
- client/src/router/index.tsx (경로 추가 - /carts)
@jihwooon jihwooon changed the title ffIssue 85 장바구니 기능 구현 Mar 8, 2024
@jihwooon jihwooon merged commit edacbf9 into main Mar 8, 2024
2 checks passed
@jihwooon jihwooon deleted the issue-85 branch March 8, 2024 06:22
jihwooon added a commit that referenced this pull request Mar 8, 2024
장바구니 기능 구현
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

1 participant