주거 조건 입력, AI 공조 시스템 추천, 시공 업체 탐색, 실시간 1:1 채팅, 시공 예약과 에스크로 안전 결제까지 이어지는 고객 흐름을 React + Node.js 기반으로 설계·구현하는 맞춤 MVP 프로젝트입니다.
주거 조건 입력, AI 공조 시스템 추천, 시공 업체 탐색, 실시간 1:1 채팅, 시공 예약과 에스크로 안전 결제까지 이어지는 고객 흐름을 React + Node.js 기반으로 설계·구현하는 맞춤 MVP 프로젝트입니다. AI 모듈은 어댑터 계층으로 분리해 API 스펙이 확정되면 교체할 수 있는 구조로 구현합니다.
작업 범위
주요 업무




주거 형태·평수·현재 공조 상태를 선택형 폼으로 입력하면 추천 공조 시스템과 예상 견적, 필요 사양이 카드로 표시됩니다.
외부 AI REST API를 어댑터 계층으로 감싸 스펙 미확정 상태에서도 목업 응답으로 전체 화면을 구동하고, 실제 API 연결 시 어댑터만 교체하는 구조를 설계합니다.


AI 추천 사양에 맞는 시공 업체를 지역·평점·경력 필터로 좁히고, 카드 퀵뷰에서 시공 사례와 리뷰를 확인합니다. 필터 레일과 카드 그리드, 퀵뷰 drawer로 구성된 마켓플레이스 탐색 화면을 구현합니다.
필터 조건을 URL 상태와 서버 쿼리에 동일하게 매핑하여 검색 결과 공유와 새로고침 복원을 지원하는 탐색 구조를 구현합니다.


고객과 시공 업체가 1:1 채팅으로 현장 상황을 상담하고, 사진을 첨부해 견적 범위를 조율합니다. Socket.io 기반 방 단위 채팅과 이미지 업로드, 채팅 이력 저장을 구현합니다.
룸 단위 WebSocket 채널과 메시지 이력 테이블을 결합해 새로고침 후에도 대화가 복원되고 사진 첨부가 끊김 없이 이어지는 채팅을 구현합니다.


업체를 선택해 시공 일정을 요청하고, 예약 확정 후 에스크로 안전 결제 단계를 거쳐 예약 상태를 확인합니다.
예약 상태 머신과 PG 웹훅 검증을 결합해 에스크로 보관·해제 시점이 서버 상태와 항상 일치하는 결제 흐름을 설계합니다.


조건 입력부터 결제까지의 고객 흐름 정의, 예약 상태 머신과 PostgreSQL 핵심 테이블 설계
AI 응답 DTO 변환 어댑터, 폴백 추천, 필터 조합 조회 API 구현
룸 단위 실시간 채팅, 이력 저장, presigned URL 이미지 업로드 구현
결제 요청·웹훅 검증·예약 상태 동기화 구현, 모바일·태블릿·데스크톱 레이아웃과 예약 흐름 E2E 시나리오 검증