플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 자재 규격(예: 600×600mm 타일)과 시공 면적(㎡) 사이의 단위 변환 및 손실율 반영 계산 로직의 정확한 알고리즘 설계 - 여러 공간의 서로 다른 자재 견적을 합산하면서 각 공간의 입력 상태를 독립적으로 유지하는 폼 상태 관리 구조 구현 - 견적 비교 상태(최대 3개 자재)를 URL로 직렬화·역직렬화하면서 뒤로가기·새로고침에도 상태가 복원되는 라우팅 설계 -
프로젝트 성과
면적 기반 자재 수량 자동 계산 엔진 구현
시공 면적과 자재 손실율(5~15%)을 조합하여 필요 수량을 자동 산출하는 계산 모듈을 순수 함수로 설계하고 다양한 자재 조합에 적용할 예정입니다.
URL 파라미터 직렬화 기반 견적 공유 기능 구현
견적 비교 상태를 URL SearchParams로 직렬화하여 로그인 없이도 견적 링크를 공유하고 복원할 수 있는 구조를 설계합니다.
Supabase Storage 이미지 업로드 파이프라인 구축
자재 이미지를 presigned URL로 안전하게 업로드하고 CDN URL로 제공하는 관리자 이미지 관리 파이프라인을 구현할 예정입니다.
다중 공간 합산 견적 폼 구조 설계
useFieldArray로 공간별 면적 입력을 동적으로 추가·제거하고 합산 견적을 실시간으로 갱신하는 다중 입력 폼 구조를 구현할 예정입니다.
핵심 기능
자재 브라우저 홈
공간별(거실/주방/욕실/침실) 카테고리 히어로 배너와 인기 자재 추천 섹션으로 구성된 쇼핑 메인 허브입니다.
진행 단계
자재 DB 스키마 및 손실율 계산 모듈 설계
2026.03.
자재·규격·단가·손실율 테이블 설계, 면적 기반 수량 계산 알고리즘 모듈화, Supabase Storage 버킷 구성
프로젝트 상세
1) 포트폴리오 소개 타일·마루·벽지 등 인테리어 자재를 평수·면적·수량 기준으로 선택하면 실시간 자동견적이 산출되는 B2C 주문 플랫폼입니다. 자재 규격별 손실율을 반영한 계산 엔진과 시공 면적 기반 수량 추천 기능을 구현하고, 관리자가 자재별 단가·할인율을 직접 설정하는 어드민 시스템을 함께 구축할 예정입니다. 2) 작업 범위 - 자재 브라우저 홈: 공간별(거실/주방/욕실/침실) 카테고리 히어로
