shopping-mall

1. 기술 stack

Front

• React.js
• Vite
• Recoil
• React-Query
• Sass
• Typescript

Back

• Apollo Server
• GraphQL
• Json DB
• Typescript

배포

• Front - Vercel
• Back - Heroku

https://shopping-mall-client-peach.vercel.app

2. 기능 구현

• InfinityScroll
• 상품 담기(리스트 page)
• 상품 추가, 수정, 삭제(관리자 page)
• 상품 결제

3. 잘했다고 생각되는 부분

1. Client / Server state 기준을 아래의 예시와 같이 나누어 코드가 복잡해지지 않도록 하였습니다.

2. QueryKey가 중복되지 않게 관리해야 캐싱을 활용할 수 있기 때문에 하나의 파일에서 관리 하도록 하였습니다.

3. 동일하게 쓰이는 query custom hook을 만들어 재사용할 수 있게 하였습니다.