[최애의 포토] 개인 개발 리포트

1. 프로젝트 개요

‘최애의 포토’는 디지털 포토카드를 중심으로 사용자가 자유롭게 카드를 수집하고, 판매하거나 교환할 수 있는 거래 플랫폼입니다. 내가 찍은 사진을 업로드하고, 포인트를 사용한 구매, 유저 간의 상호 교환 기능 등을 통해 나만의 포토카드 컬렉션을 만들어가는 경험을 제공합니다.

마켓플레이스, 마이 갤러리, 판매 포토카드 페이지 메인 레이아웃
- 카드 목록을 기반으로 반응형 그리드 레이아웃 구성
- 필터 카운트 UI
검색, 정렬, 필터, 모바일 바텀시트
- 키워드 검색, 정렬(가격/등록일), 필터(등급·장르·판매 방식·품절 여부 등) 기능 추가
- 모바일 환경에서 보여지는 필터 바텀시트 구현
포토카드 생성 페이지
- 이미지 업로드 구현
- 유효성 검사
공통 모달 컴포넌트
- 재사용 가능한 반응형 공통 모달 구조 구현
로딩 스피너

범주	사용 기술
백엔드	Express, Node.js, Prisma, PostgreSQL, bcrypt, multer
프론트엔드	React, Next.js, Tailwind CSS, Framer Motion
기타 라이브러리	cors, cookie-parser, dotenv, date-fns, uuid, @paralleldrive/cuid2
UI 컴포넌트 및 유틸리티	react-icons, react-intersection-observer, date-fns, classnames, clsx
데이터 페칭	react-hot-toast, react-infinite-scroll-component, react-intersection-observer
폼 관리	react-hook-form, @hookform/resolvers, zod
협업 툴	GitHub, Notion, Figma, Discord, Zep
배포	Vercel, Render