플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 고해상도 미술품 이미지의 로딩 성능과 갤러리 디자인 완성도를 함께 고려한 이미지 최적화 전략 설계 필요 - 작가 등록부터 관리자 승인까지 이어지는 상태 전이 로직을 일관되게 관리하는 설계 필요 - PG사 결제 승인과 주문 상태 동기화 시 네트워크 실패 상황의 트랜잭션 정합성 보장 필요 - 모바일 웹과 Android 패키징 간 동일한 UX를 유지하기 위한 반응형 레이아
프로젝트 성과
필터 상태 URL 동기화 갤러리 구현
필터 조건을 쿼리 파라미터로 관리해 공유 가능한 탐색 링크와 브라우저 뒤로가기를 지원하는 구조를 설계합니다
PG 결제 트랜잭션 상태 머신 설계
결제 요청·승인·실패·재시도를 명시적 상태로 관리하는 트랜잭션 흐름을 구현합니다
다단계 작가 등록 폼 아키텍처 구축
React Hook Form 기반 단계별 유효성 검증과 이미지 업로드를 결합한 등록 플로우를 설계합니다
Capacitor 기반 Android 패키징 구조 설계
모바일 웹 코드베이스를 그대로 Capacitor로 패키징해 Android 앱 빌드 파이프라인을 구축합니다
핵심 기능
작품 갤러리 탐색
구매자가 작가·카테고리·가격대·사이즈별로 작품을 필터링하며 갤러리 그리드에서 탐색합니다. 필터 레일 + 반응형 카드 그리드 + 카드 클릭 시 퀵뷰 drawer 구조로 구현, 무한 스크롤과 결합
진행 단계
요구사항 분석 및 ERD 설계
2026.09
작가·작품·주문·정산 테이블 설계, PostgreSQL 스키마 정의 및 관계 매핑
프로젝트 상세
1) 포트폴리오 소개 작가가 작품을 등록하고 관리자 승인을 거쳐 노출되며, 구매자가 모바일 웹에서 갤러리를 탐색하고 전자결제로 구매하는 이커머스형 미술품 마켓플레이스 MVP를 React 18 + PHP(Laravel) 기반으로 구현합니다. 미술품 판매 특성상 디자인 완성도를 최우선으로 고려해 여백과 이미지 중심의 갤러리형 UI/UX를 설계합니다. 2) 작업 범위 - 작품 갤러리 탐색: 구매자가 작가·
