오픈 마켓

프로젝트 개요

• 판매자와 구매자를 구별하여 판매자가 상품을 등록, 판매하며 구매자는 구매하는 서비스
• 상품 등록, 결제, 상품에 대한 CRUD를 직접 구현해보는 프로젝트입니다.
• Backend -> 멋쟁이사자처럼 && 제주코딩베이스캠프에서 지원
• 오픈 마켓 API 명세

기술 스택

• TypeScript
• React
• Next.js
• ContextAPI
• Styled_components
• Vercel

프로젝트의 방향성이 소비자들에게 많이 알려지면 좋은 쇼핑몰이기 떄문에 SPA보다 SSR, SSG을 사용해 SEO를 높이기 위해 Next.js를 선택했다.

구현 페이지

• 로그인, 회원가입 페이지
• 상품 목록 페이지
• 상품 상세 페이지
• 장바구니 페이지
• 주문 / 결제 페이지

마치며

조은님의 스터디에서 배웠던 Next.js를 프로젝트에서 사용한다는 것에 기대되는 마음 반, 걱정되는 마음 반이지만 이번 프로젝트를 통해 많은 것을 배울 수 있을 것이라고 생각한다.

또, 개발을 시작한지는 얼마 되지는 않았지만 이렇게 내가 구현한 것에 대한 기록을 남기지 않는 것이 아쉬웠다. 늦었다고 생각할 때가 가장 늦은 때라고 지금이라도 열심히 기록을 남기자는 새해, 새 마음, 새 뜻으로 프로젝트 일지를 작성하게 되었다.

프로젝트를 하면서 겪은 문제들과 해결한 과정, 새로 배운 점들을 정리할 예정이다.
이번 프로젝트 화이팅~~!

프로젝트 시작

22.01.25 ~