[2단계 - 상품 목록] 해리(최현웅) 미션 제출합니다.

README.md

@@ -112,3 +112,65 @@ API
 Test
 
     테스트는 UI와 관계 없이 API 요청 상태에 따른 변화를 검증한다.
+
+## 2단계 구현 사항
+
+### 1단계 : 결국 우리가 무엇을 하려는 거지?
+
+사용자가 특정 물건을 구입하기 위해서 쇼핑몰 앱에 방문했을 때 사용자는 다음과 같은 행동들을 할 수 있다.
+
+1. 구입하고 싶거나, 관심있는 상품들을 장바구니에 담는다
+
+2. 담은 상품의 수량을 변경하거나, 장바구니에서 상품을 뺀다.
+
+3. 장바구니 페이지(모달)에서 장바구니에 담긴 상품을 확인할 수 있다.
+
+이 과정들을 더 매끄럽고, 자연스럽게, **더 안전하게** 할 수 있는 경험을 제공한다.
+
+레벨 2에서는 다음 과정이 추가된다. ✨🧚
+
+=> 내가 해결해야 하는 문제를 ‘잘’ 해결하기 위해서, 문제 해결 과정에 **React-Query**를 잘 녹여낸다.
+
+### 2단계 : 핵심 기능을 1줄로 정의해보기
+
+사용자가 상품 목록을 무한 스크롤을 활용하여 더 매끄럽게 확인할 수 있고, 장바구니에 상품을 담고 빼거나 수량을 변경할 수 있다.
+
+### 🔑 키워드
+
+서버 상태 관리, React Query
+
+### 📍 학습 목표
+
+React Query를 사용하여 서버 상태를 관리할 수 있다.
+
+API 연동 과정에서 발생하는 다양한 에러 상황에 대응하고 사용자에게 피드백을 제공할 수 있다.
+
+### 🎯 기능 요구 사항
+
+1. 상품 목록
+
+- [x] 상품 목록에서 담기 버튼을 누르면, 수량을 조절할 수 있다.
+
+2. 장바구니
+
+- [x] 장바구니 담기: 상품을 장바구니에 담는 기능을 구현하고 장바구니 상태를 업데이트한다
+
+- [x] 장바구니 모달: 장바구니 버튼을 클릭하면 모달로 장바구니에 담은 목록을 확인할 수 있어야 한다.
+
+- [x] 장바구니에서도 수량을 조절할 수 있어야 한다.
+
+### ✅ 프로그래밍 요구사항
+
+이전 미션의 프로그래밍 요구사항은 기본으로 포함한다.
+
+- Async
+
+비동기 처리 로직을 react query를 사용해 리팩터링한다.
+
+- [x] useSuspenseInfiniteQuery를 사용해서 데이터를 페칭한다.
+
+- [x] useMutation을 사용해서 서버 상태를 변경한다.
+
+- Test
+
+- [x] 핵심 기능 요구 사항에 대해 테스트 케이스를 작성한다.