1. 문제점
기존 아파트 홈퍼니싱 견적 프로세스의 비효율성
• 시각화 부재: 고객이 평면도만으로는 실제 가구 배치 후 모습을 상상하기 어려워 구매 결정에 망설임
• 긴 상담 시간: 종이 카탈로그와 2D 도면으로 진행되는 상담이 평균 1~2시간 소요되어 행사장에서의 처리량 한계
• 견적 수정 어려움: 제품 변경 시마다 수동으로 재계산해야 해 실시간 비교가 불가능하고 오류 발생 가능성
• 정보 단절: 상담 직원별로 다른 정보 제공, 최신 재고나 가격 정보 반영 지연

2. 프로젝트 목표
디지털 전환을 통한 홈퍼니싱 견적 혁신
- 3D 시각화: Three.js 기반 실시간 3D 렌더링으로 고객이 직접 공간을 둘러보며 가구 배치 확인
- 신속한 견적 생성: 15분 이내 맞춤형 견적 완성으로 행사장 처리 능력 4배 향상
- 실시간 커스터마이징: 큐레이팅 된 가구를 제거 및 교체 상태를 즉시 3D 모델링과 가격 반영되는 인터랙티브 시스템
- 통합 견적 관리: PDF 생성, 이메일 전송, 견적 이력 관리까지 원스톱 처리

3. 주안점
사용자 중심의 기술 구현
- 직관적 UX: 태블릿 터치 인터페이스 최적화로 디지털 기기에 익숙하지 않은 중장년층도 쉽게 사용
- 확장 가능한 아키텍처: DDD 패턴 적용으로 새로운 아파트, 평면도, 제품 추가 시 기존 시스템 영향 최소화
- 오프라인 대응: 네트워크 불안정 환경 고려한 로컬 캐싱 및 동기화 전략

1. 포트폴리오 소개
아파트 입주민을 위한 3D 기반 홈퍼니싱 견적 서비스 개발
오프라인 아파트 행사장에서 입주 예정자들이 직접 자신의 평면도를 선택하고 선호하는 인테리어 스타일을 고른 뒤, 3D 시뮬레이션을 통해 실시간으로 가구 배치를 확인하며 견적을 받을 수 있는 태블릿 기반 서비스입니다. 주요 타깃은 신규 아파트 입주 예정자와 리모델링을 고려하는 기존 거주자들이며, 고객 1명당 15분 이내에 맞춤형 견적을 생성하는 것을 목표로 합니다.

2. 작업 범위
풀스택 개발
• 프론트엔드 개발: Vite + React 18 + TypeScript 기반 SPA 구축, 태블릿 최적화 반응형 UI 구현
• 백엔드 통합: Node.js 20 + Express 기반 RESTful API 설계 및 구현, 파일 스토리지 시스템 구축
• 관리자 시스템: CMS 대시보드 및 콘텐츠 관리 기능 전체 개발
• 인프라 구축: Vercel 배포 환경 설정, Blob Storage 연동
• 지원 환경: iPad Pro 10.5인치 이상 태블릿, 데스크톱 웹 (1024px 이상)
• 클라이언트 데이터 통합: Google Sheets API를 활용한 클라이언트 사이드 데이터베이스 구축

3. 주요 업무
애플리케이션 생태계 및 페이지 개발
• 단계별 견적 프로세스: 아파트 선택 → 평면도 선택 → 스타일 선택 → 큐레이션 → 견적서 생성 (5단계)
• 스마트 큐레이션 시스템: 스타일 기반 자동 제품 추천, 대체 제품 제안, 실시간 가격 계산
• 견적서 자동화: PDF 생성, 이메일 발송, 3D 스크린샷 갤러리
• Google GIS 인증: OAuth 2.0 기반 사용자 인증, 토큰 자동 갱신
• 관리자 대시보드: 12개 관리 페이지 (아파트/평면도/제품/스타일/사용자/견적 및 폴리곤 CRUD) 구현
• 컨테이너 시스템: 의존성 주입(DI) 컨테이너 구현, 서비스 생명주기 관리, 싱글톤 패턴 기반 Store/Service 계층 통합

4. 주안점
기술적 도전과 최적화
• 데이터 아키텍처: DDD(Domain-Driven Design) 패턴 적용으로 클라이언트 환경으로 특수하게 설계된 복잡한 비즈니스 로직을 추후 서버로 분리하기 위한 체계화
• 사용자 경험: 터치 인터페이스 최적화, 직관적 네비게이션, 실시간 시각적 피드백
• 확장성: 컴포넌트 기반 설계, 새로운 아파트/제품 추가 용이
• 안정성: TypeScript 타입 안정성, 에러 바운더리 적용
• API 최적화: Google Sheets API 할당량 관리, 배치 작업 구현, 429 에러 대응 전략

1) 포트폴리오 소개


2) 작업 범위
Full-stack 개발 구현
• 프론트엔드 개발: React 18 + TypeScript 기반 SPA 구축, 태블릿 최적화 UI/UX 구현
• 백엔드 개발: RESTful API 통신, 실시간 데이터 동기화
• 관리자 시스템: 아파트/평면도/제품/스타일 관리 페이지 개발
• 지원 환경: iPad Pro 10.5인치 이상 태블릿, 반응형 웹 (1024px 이상)
• Google API: 클라이언트 환경에서 Google Sheet 제어 및 Email 전송을 위한 시스템 개발
• PaaS Vercel 배포: Production, Preview, Local 개발 환경 분리 및 배포

3) 주요 업무
핵심 기능 개발 및 페이지 구현
• 단계별 선택 프로세스: 아파트 선택 → 평면도 선택 → 스타일 선택 → 큐레이션 → 견적서 생성의 5단계 플로우
• 스마트 큐레이션: 선택한 스타일 기반 자동 가구 추천, 대체 제품 제안, 제품 추가/제거 기능
• 견적 관리 시스템: PDF 견적서 생성, 이메일 발송, 스크린샷 캡처 및 저장
• 실시간 가격 계산: 제품 선택/제거에 따른 즉각적인 가격 업데이트, 할인율 적용
• 관리자 대시보드: 사용자별 견적 현황, 제품/스타일/평면도 CRUD 관리

4) 주안점
개발 시 중점 사항
• 사용자 경험: 터치 인터페이스 최적화, 직관적인 네비게이션, 실시간 피드백 제공
• 데이터 정합성: DDD(Domain-Driven Design) 아키텍처 적용으로 특수한 클라이언트 구현에서 서버 분리 목적으로 한 복잡한 비즈니스 로직 체계적 관리
• 확장성: 컴포넌트 기반 설계로 새로운 아파트/스타일 추가 용이, 플러그인 방식의 3D 제품 모델 관리
• 안정성: TypeScript 타입 안정성, 에러 바운더리를 통한 장애 격리