/shopping-cart

⚛️ Next, TS, 장바구니 애플리케이션 🛒

Primary LanguageTypeScript

shopping-cart

⚛️ Next, TS, 장바구니 애플리케이션 🛒 Vite + Next + TS + React-Query 로 장바구니 구현해보기

서비스 링크: https://shopping-cart-bice.vercel.app

🚀 스택

Next TS React-Query Styled-Component

✨ 구현 과정 및 선행 지식

1. 프로젝트 설정

  • 바벨(BabelJS) 설정

2. 디렉토리 설정

3. API 설정

  • Axios
  • 비동기 처리

4. React-Query

  • 사용한 이유
  • 사용 방법

⚙ 설치

# clone the project
$ git clone https://github.com/Suyeong-Lim/shopping-cart.git
# install modules
$ cd client
$ npm ci || yarn
$ npm start || yarn start
⠀  You can now view this project in the browser.

🔗 의존성

  "dependencies": {
    "axios": "^0.27.2",
    "json-server": "^0.17.0",
    "next": "12.1.6",
    "react": "18.1.0",
    "react-dom": "18.1.0",
    "react-icons": "^4.3.1",
    "react-query": "^3.39.0",
    "styled-components": "^5.3.5",
    "styled-reset": "^4.3.4"
  }