플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 건축 프로젝트 이미지 수백 장 업로드 시 WebP 변환·리사이징을 응답 블로킹 없이 비동기 처리하는 파이프라인 설계 필요 - 카테고리 필터 전환 시 Masonry 레이아웃 카드 재배치를 자연스러운 모션으로 표현하면서 CLS 억제하는 구현 전략 필요 - 아티클 예약 발행 스케줄러의 UTC/KST 시간 변환 정합성 설계 필요 - JSONB 태그 배열의 AND/OR 혼합
프로젝트 성과
Framer Motion layoutId 카테고리 필터 애니메이션 구현
카테고리 전환 시 카드 재배치 공유 레이아웃 모션을 layoutId와 AnimatePresence로 구현
Pillow 이미지 처리 비동기 파이프라인 설계
FastAPI BackgroundTasks로 WebP 변환·크롭·EXIF 제거를 업로드 응답과 분리하여 비동기 처리
PostgreSQL JSONB + GIN 인덱스 다중 태그 필터 구현
프로젝트 태그를 JSONB 배열에 저장, GIN 인덱스로 AND/OR 다중 태그 조건 쿼리를 인덱스 스캔으로 처리
문의 처리 FSM 상태 전이 API 설계
4단계 상태 전이를 FSM 패턴으로 모델링, 허용되지 않은 전이 시 422 응답과 허용 전이 목록 반환하는 API 구현
React Portal 접근성 라이트박스 컴포넌트 구현
포커스 트랩·ARIA 속성·키보드 네비게이션을 포함한 접근성 완비 라이트박스를 Compound Component 패턴으로 설계
핵심 기능
프로젝트 쇼케이스
주거·상업·오피스 카테고리별 건축 프로젝트를 풀스크린 히어로 이미지와 Masonry 그리드로 탐색. 카테고리 탑네비, 풀스크린 히어로, 라이트박스 뷰어
진행 단계
건축 도메인 데이터 모델링 및 API 설계
2026.03.
프로젝트·아티클·문의·미디어 ERD 설계, JSONB 태그 구조 + GIN 인덱스 전략, FastAPI 모듈 분리 아키텍처 설계
프로젝트 상세
1) 포트폴리오 소개 건축·인테리어 스튜디오의 프로젝트 포트폴리오 쇼케이스와 관리자 플랫폼을 Python FastAPI + React 기반으로 설계·구현. 프로젝트 카테고리별 갤러리, 아티클 발행, 견적 문의 관리 기능을 포함한 콘텐츠 관리 시스템 구축. 2) 작업 범위 - 프로젝트 쇼케이스: 주거·상업·오피스 카테고리별 건축 프로젝트를 풀스크린 히어로 이미지와 Masonry 그리드로 탐색 - 프로
