Merge pull request #5 from 365kim/step1

[1단계 - 장바구니 미션] 하루(김하루) 미션 제출합니다.

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 100,
+  "useTabs": false,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "endOfLine": "auto"
+}

REQUIREMENTS.md

@@ -0,0 +1,65 @@
+# 1단계 요구사항
+
+## 내비게이션바
+
+- [x] 'WOOWA SHOP'을 클릭하면 상품목록 페이지로 이동한다.
+- [x] '장바구니'를 클릭하면 장바구니 페이지로 이동한다.
+  - [x] 장바구니에 담긴 상품 개수를 표시한다.
+- [x] '주문목록'을 클릭하면 주문목록 페이지로 이동한다.
+
+## 상품목록
+
+- [x] 상품목록을 표시한다.
+  - [x] 각 상품의 사진, 상품명, 가격을 표시한다.
+  - [x] 한 행에 4개의 상품을 표시한다. (기본)
+  - [x] 반응형 그리드를 적용한다.
+- [x] 장바구니 버튼을 클릭하면 장바구니에 해당 상품이 추가된다.
+
+## 장바구니
+
+- 상품 표시
+  - [x] 장바구니에 담긴 상품 개수를 표시한다.
+  - [x] 장바구니에 담긴 상품 목록을 표시한다.
+    - [x] 각 상품의 사진, 상품명, 가격을 표시한다.
+- 상품 선택 & 주문
+  - [x] 장바구니 진입 시 모든 상품은 자동으로 선택되어 있다.
+  - [x] 전체선택 버튼을 눌러 '전체선택' / '전체선택 해제'를 할 수 있다.
+  - [x] 선택한 상품의 결제 예상금액을 표시한다.
+  - [x] 주문하기 버튼에 선택한 상품의 개수를 표시한다.
+  - [x] 상품의 구매수량을 조절할 수 있다.
+    - [x] 상품 구매수량의 최소값은 '1'이다.
+  - [x] 선택한 상품이 없으면, 주문하기 버튼이 비활성화 된다.
+  - [x] 선택한 상품만 주문할 수 있다.
+  - [x] 주문하기 버튼을 클릭하면 주문/결제 페이지로 이동한다.
+- 상품 삭제
+  - [x] 각 상품의 삭제버튼을 클릭해서 장바구니에서 상품을 삭제할 수 있다.
+    - [x] 삭제 시 '해당 상품을 삭제하시겠습니까?' 확인 컨펌창을 표시한다.
+  - [x] 선택한 상품을 상품삭제 버튼을 클릭하여 일괄적으로 삭제할 수 있다.
+    - [x] 삭제 시 '선택한 n개의 상품을 삭제하시겠습니까?' 확인 컨펌창을 표시한다.
+
+## 주문/결제
+
+- [x] 주문할 상품 개수를 표시한다.(n건)
+- [x] 주문할 상품 목록을 표시한다.
+  - [x] 각 상품의 사진, 상품명, 가격을 표시한다.
+- [x] 주문할 상품의 총 결제금액을 표시한다.
+- [x] '결제하기' 버튼에 총 결제 금액을 표시한다.
+- [x] '결제하기' 버튼을 클릭하면 주문목록 페이지로 이동한다.
+  - [x] 결제 실패 시, 결제 실패 안내를 표시한다.
+
+## 주문목록
+
+- [x] 모든 주문목록내역을 표시한다.
+- [x] '장바구니' 버튼을 클릭하면 해당 상품이 장바구니에 담긴다.
+
+# 2단계
+
+## 상품목록
+
+- [ ] 상품을 클릭하면 상품 상세 페이지로 이동한다.
+
+## 상품상세
+
+- [ ] 상품의 사진, 상품명, 가격을 표시한다.
+- [ ] '장바구니' 버튼을 클릭하면 해당 상품이 장바구니에 담긴다.
+  - [ ] 이때, 내비게이션바에 표시된 장바구니에 담긴 상품 개수도 업데이트 된다.

cspell.json

@@ -0,0 +1,25 @@
+{
+  "version": "0.1",
+  "language": "en",
+  "words": [
+    "firestore",
+    "firebaseapp",
+    "appspot",
+    "textfield",
+    "BMYEONSUNG",
+    "baemin",
+    "WOOWA",
+    "figma",
+    "predeploy",
+    "semistandard",
+    "datetime",
+    "noopener",
+    "noreferrer",
+    "Viewports",
+    "Parens",
+    "Strapi",
+    "classname",
+    "browserslist"
+  ],
+  "flagWords": []
+}