프로젝트 명

핀토스

프로젝트 개요

구글 기프트카드나 문화상품권 처럼 모바일로 상품권을 사용할 수 있는 많은 종류의 상품권을 웹 상에서 구매할 수 있도록 도와주는 웹 프로젝트

• 벤치마킹 사이트

https://mypinmall.co.kr/product/egg

• 클라이언트 요구 사항 및 디자인

https://docs.google.com/spreadsheets/d/1PwdJI36LJoHMmc2oba0bneS2AWNpdwQ-5aAt468BYQ0/edit?gid=0#gid=0

https://www.figma.com/design/ESdmQvWzD1ankMSelF9ZNV/핀토스?node-id=0-1&t=G4k4URlgstugv7UD-1

프로젝트 정보

https://github.com/Pintoss-Project

• 프론트

  • Next.js ,TS, Vanilla-extract 등등.. (자세한 기술스택은 깃허브 레포 참고)
    • package.json
  • Next.js는 앱 라우터 방식 사용
  • 처음에 CORS 문제로 대부분의 api를 프론트 서버에서 요청하는 방식으로 진행
    • CORS 문제 발생하지 않으면 수정해서 사용하는 게 좋을 거라는 판단
  • 카페 24 호스팅을 이용해서 프론트 배포
  • 성능 최적화나 전체적인 코드의 리팩토링 등은 런칭 일자를 맞추는 부분 때문에 하나도 신경쓰지 못함
    • 일단 프로젝트 특성상 조회가 많이 일어나는 프로젝트는 아닐거라 추정
  • 현재 전체적으로 결제와 주문을 제외하고는 어느 정도 마무리 되어 있음 (남아 있는 일정은 아래에 정리)
    • 결제를 제외하고는 자잘하게 UI를 수정하거나 간단한 기능을 수정하는 정도의 일정이 남아있다.

• 백엔드

  • 자바, 스프링부트, JPA, QueryDSL 등등.. (자세한 기술스택은 깃허브 레포 참고)
    • build.gradle
  • 카페 24 호스팅을 이용해서 서버 배포
  • 카페 24로 이미지 정보를 저장하는 방식을 찾아내지 못해 프론트에서 클라우디너리를 이용해 이미지를 업로드하고 업로드 된 URL을 가지고 데이터베이스 필드에 이미지 URL을 저장하는 방식으로 해결 (클라우디너리 무료 용량을 모두 사용하면 클라우디너리 아이디만 변경해주면 지속적으로 사용가능, 현재 프로젝트 특성상 이미지를 자주 등록할 일이 없음..)
  • 백엔드 또한 결제를 제외하고 간단한 기능 관련 api나 프론트와의 통신에서 문제가 발생하는 부분을 수정하는 정도의 일정이 남아 있음 (이 또한 아래에 정리)

• 프로젝트에서 이용하고 있는 링크

  링크