🐈 코드잇 스프린트 풀스택 4기 - 중급 프로젝트 1팀 🫶🏻

   _        ______                                  
 /' \      /\__  _\                                 
/\_, \     \/_/\ \/     __      __       ___ ___    
\/_/\ \       \ \ \   /'__`\  /'__`\   /' __` __`\  
   \ \ \       \ \ \ /\  __/ /\ \L\.\_ /\ \/\ \/\ \ 
    \ \_\       \ \_\\ \____\\ \__/.\_\\ \_\ \_\ \_\
     \/_/        \/_/ \/____/ \/__/\/_/ \/_/\/_/\/_/
/**
*                🍄 1 TEAM PROJECT
*            🛠️ 최애의 포토 - FavPic
*            ⏰ 2025.02.11 ~ 2025.03.07
**/

💻 '최애의 포토' 바로가기 👉🏻 Click

목차

• Team Members
• Project Information
• 기술 스택
• 팀원별 구현 기능 상세
• 파일 구조
• 구현 홈페이지
• 회고록

Team Members

이름	개인 개발 보고서
김주영	[노션 링크 바로가기]
김희주	노션 링크 바로가기
정진호	[노션 링크 바로가기]
조형민	노션 링크 바로가기

Project Information

개인용 디지털 사진첩 생성 플랫폼, 최애의 포토

Title	개인용 디지털 사진첩 생성 플랫폼, 최애의 포토
Description	"최애의 포토"는 디지털 시대의 새로운 수집 문화를 선도하는 플랫폼입니다. 자신이 좋아하는 아이돌이나 스포츠 스타, 그림 등 디지털 포토카드를 손쉽게 사고팔 수 있는 공간으로, 특별한 커뮤니티를 제공합니다. 이제는 좋아하는 포토카드를 실제로 모으는 것뿐만 아니라, 디지털 자산으로 소장하며 나만의 컬렉션을 완성할 수 있습니다. 서로의 포토카드를 교환하고, 나만의 포토카드를 자랑하는 재미와 함께 상호 교류도 즐길 수 있는 플랫폼, "최애의 포토"에서 만나보세요!
Project Link	Git Url : FavPic 프론트엔드 , FavPic 백엔드

기술 스택

Frontend	Backend	Database	협업툴
- JavaScript - Next.js - Tanstack Query - Tailwind CSS - React Hook Form - clsx - Axios - Atomic 디자인 패턴 적용 - Vercel(배포)	- Express.js - cors, bcrypt, dotenv, morgan, validator, jsonwebtoken, multer - Render(배포)	- postgreSQL - prisma(ORM)	- 협업툴 - Git & Github - Discord - Notion - 유저 인증 구현 - 토큰/헤더 방식 - JWT 사용

아키텍처 다이어그램

팀원별 역할 및 구현 기능 상세

김주영 - 바로가기

김희주 - 바로가기

정진호 - 바로가기

조형민 - 바로가기

---

🍄 김주영

적어주세요

1. 역할
2. 구현 내용
3. 프론트엔드
4. 백엔드

---

🍄 김희주

적어주세요

1. 역할
2. 구현 내용
3. 프론트엔드
4. 백엔드

---

🍄 정진호

적어주세요

1. 역할
2. 구현 내용
3. 프론트엔드
4. 백엔드

---

🍄 조형민

적어주세요

1. 역할
2. 구현 내용
3. 프론트엔드
4. 백엔드

---

파일 구조

🍄 프론트엔드 폴더 구조

🍄 백엔드 폴더 구조

DB 모델링

API 명세

/users

• 회원가입
  • [POST] /users/sign-up
• 로그인
  • [POST] /users/log-in
• 토큰 갱신
  • [POST] /users/refreshToken
• 닉네임 중복 체크
  • [POST] /users/check-nickname
• 내 프로필(정보) 조회
  • [GET] /users/me
• 내 포인트 조회
  • [GET] /users/me
• 마이갤러리 목록 조회
  • [GET] /users/me/gallery-summary
• 나의 판매 포토카드 목록 조회
  • [GET] /users/me/gallery-sales

/cards

• 내가 소유중인 카드 목록 조회 - 마이갤러리
  • [GET] /cards/me/gallery
• 마이갤러리 카드 상세 조회
  • [GET] /cards/me/gallery/:cardId
• 나의 판매 포토카드 목록 조회(판매중 또는 교환 제시 중)
  • [GET] /cards/me/sales
• 카드 등록(발행)
  • [POST] /cards

/shops

• 마켓플레이스에 등록된 전체 상점 목록 조회
  • [GET] /shops
• 내 포토 카드 판매(상점 등록)
  • [POST] /shops
• 상점 상세 조회
  • [GET] /shops/:shopId
• 상점 정보 수정
  • [PUT] /shops/:shopId
• 상점 삭제(판매 내리기)
  • [DELETE] /shops/:shopId
• 상점에 등록된 포토 카드 구매
  • [POST] /shops/:shopId/purchase
• 상점에 등록된 포토 카드에 교환 제안
  • [POST] /shops/:shopId/exchanges
• (상점에 등록된) 포토 카드 교환 제안 취소
  • [PUT] /exchanges/:exchangeId
• (상점에 등록된) 포토 카드 교환 신청 승인
  • [POST] /exchanges/:exchangeId/approve
• (상점에 등록된) 포토 카드 교환 신청 거절
  • [POST] /exchanges/:exchangeId/refuse

/notifications

• 알림 추가
  • [POST] /notifications
• 나의 알림 목록 조회
  • [GET] /notifications/me
• 알림 정보 수정(읽음 처리)
  • [GET] /notifications/:notificationId

프로젝트 회고록