[1단계 - 장바구니] 클레어(안은소) 미션 제출합니다.

.github/pull_request_template.md

@@ -0,0 +1,58 @@
+## 📦 장바구니 미션
+
+이번 미션을 통해 다음과 같은 학습 경험들을 쌓는 것을 목표로 합니다.
+
+### 1단계
+
+- 클라이언트 상태를 효과적으로 모델링하고 관리할 수 있다.
+- Jest, React Testing Library(RTL)를 활용하여 주요 기능에 대한 테스트를 작성할 수 있다.
+
+## 🕵️ 셀프 리뷰(Self-Review)
+
+### 제출 전 체크 리스트
+
+- [ ] 기능 요구 사항을 모두 구현했고, 정상적으로 동작하는지 확인했나요?
+- [ ] RTL 테스트 케이스를 모두 작성했나요?
+- [ ] 배포한 데모 페이지에 정상적으로 접근할 수 있나요?
+
+  - 배포 링크 기입: **\_\_**
+
+- [ ] 리뷰어가 장바구니 추가를 쉽게 할 수 있도록 Curl 명령어를 전달해주세요. (토큰을 채워주세요)
+
+  ```
+  curl -X 'POST' \
+  'http://techcourse-lv2-alb-974870821.ap-northeast-2.elb.amazonaws.com/cart-items' \
+  -H 'accept: */*' \
+  -H 'Authorization: Basic <토큰>' \
+  -H 'Content-Type: application/json' \
+  -d '{
+  "productId": 1,
+  "quantity": 1
+  }'
+  ```
+
+### 리뷰 요청 & 논의하고 싶은 내용
+
+### 1) 상태 설계 의도
+
+### 2) 이번 단계에서 가장 많이 고민했던 문제와 해결 과정에서 배운 점
+
+### 3) 이번 리뷰를 통해 논의하고 싶은 부분
+
+---
+
+## ✅ 리뷰어 체크 포인트
+
+<!-- 리뷰어가 이 PR을 검토할 때 중점적으로 확인할 사항입니다.
+코드의 완성도뿐만 아니라, 리뷰이가 구현 과정에서 어떤 고민과 결정을 하며 학습했는지도 함께 고려해 주세요. -->
+
+### 1. 클라이언트 상태관리
+
+- 원본상태/파생상태를 적절히 구분하여 선언하였나요?
+- React state 를 불필요하게 선언한 부분은 없나요?
+- 상태 관리 로직의 책임이 적절히 응집/분리되었나요? (ex. reducer, hook, Context)
+
+### 2. MSW/Test
+
+- 주요 기능을 적절히 정의하였나요?
+- 주요 기능/예외에 대한 테스트가 충분히 이루어졌나요?

README.md

@@ -1 +1,60 @@
 # react-shopping-cart
+
+## 🔽 기능 요구 사항
+
+- [x] /cart-items API를 호출하여 장바구니 상품 데이터를 불러온다.
+- [x] 불러온 데이터를 기반으로 클라이언트 상태를 구성하고 관리한다.
+  - [x] 개별 상품의 선택 여부, 결제 금액, 배송비 등의 상태를 관리한다.
+- [x] 상품 선택에 따른 결제 금액, 배송비 등의 동적인 변경 사항을 처리한다.
+  - [x] 진입 시, 전체 선택 되어 있는 것이 디폴트이다.
+  - [x] 상품 선택/해제 시 결제 금액을 동적으로 변경한다.
+  - [x] 결제 금액이 10만원 이상일 경우 배송비는 무료이다.
+- [x] 장바구니 상품의 수량을 변경할 수 있다.
+- [x] 장바구니에 담긴 상품을 제거할 수 있다.
+
+## 🔽 컴포넌트 분리
+### CartPage
+
+![image](https://github.com/user-attachments/assets/a025ef21-ee4b-4155-a22e-5b50e4784348)
+
+### OrderSuccessPage
+![image](https://github.com/user-attachments/assets/63fd77da-38fc-4eaf-b283-941ab69f2e1d)
+
+## 🔽 폴더 구조
+
+```
+react-shopping-cart
+├─ src
+│  ├─ apis                             👈 api
+│  │  ├─ cartItems
+│  │  │  ├─ cartItem.type.ts
+│  │  │  ├─ deleteCartItem.ts
+│  │  │  ├─ getCartItems.ts
+│  │  │  └─ updateCartItemQuantity.ts
+│  │  └─ httpClient.ts
+│  ├─ pages                              👈 페이지별
+│  │  ├─ cart
+│  │  │  ├─ CartContent
+│  │  │  │  ├─ CartList
+│  │  │  │  │  ├─ CartItem
+│  │  │  │  │  │  └─ Button
+│  │  │  │  │  │     ├─ Quantity
+│  │  │  │  │  │     └─ Remove
+│  │  │  │  ├─ EmptyCartContainer
+│  │  │  │  └─ PriceContainer
+│  │  │  └─ hooks
+│  │  │     └─ useCartItem.ts
+│  │  └─ order
+│  ├─ shared                              👈 프로젝트 공용 로직
+│  │  ├─ components
+│  │  │  ├─ BackButton
+│  │  │  ├─ CheckBox
+│  │  │  ├─ Header
+│  │  │  └─ MobileLayout
+│  │  ├─ config
+│  │  │  └─ routes.ts
+│  │  └─ hooks
+│  │     ├─ useFetchData.ts
+│  │     └─ useMutation.ts
+```
+