React, Node.js, Express.js, MongoDB, 카페24 Store API, AWS
핵심 요구사항 분석
설문 진행 기능 — 객관식 질문 UI, 복수 선택 처리, 답변별 가중치 점수 합산 로직
진단 결과 및 추천 — 합산 점수 기반 결과 매칭, 맞춤 영양제 추천 화면 출력
카페24 연동 — 추천 제품 장바구니 담기(Store API), 결제 페이지 자연스러운 이동
반응형 지원 — PC 웹 + 모바일 웹 반응형 디자인
스킨 교체 — 카페24 쇼핑몰 스킨 교체 및 세팅
UI/UX 디자인 — Figma 기반 설문·결과 화면 디자인 납품
제안 포인트
본 프로젝트는 "입력 → 분석 → 결과 추천" 패턴의 유저 인터랙션 로직이 핵심입니다. 유사한 패턴(사용자 입력 기반 개인화 결과 생성)의 프로젝트를 다수 수행한 경험이 있어, 설문 시나리오 설계부터 가중치 합산 엔진, 카페24 API 연동까지 체계적으로 진행하겠습니다.
유저 인터랙션 로직 전문성 — 사주 분석 앱(Fortune App)에서 "입력→엔진→결과 추천" 패턴을 구현한 경험을 바탕으로, 설문 시나리오 설계 및 가중치 합산 로직을 효율적으로 개발
건강/피트니스 도메인 경험 — 필라테스 프랜차이즈 관리 앱, 시니어 주간보호 관리 플랫폼 등 헬스케어 도메인에서의 풍부한 개발 경험
결제 및 외부 API 연동 노하우 — 다수의 프로젝트에서 외부 결제 API, Store API 등의 연동 경험을 축적
기획부터 배포까지 원스톱 — 설문 시나리오 기획, Figma 디자인, 프런트/백엔드 개발, 카페24 스킨 세팅까지 전 과정 일관성 있게 진행
사용 기술 및 툴
개발 기술
ReactNode.jsExpress.jsMongoDBAWS카페24 Store APIFigmaTailwindCSSTypeScript
협업 및 커뮤니케이션
Slack / 카카오톡Zoom / Google MeetNotionGitHub
견적서
본 견적서는 프로젝트 요구사항 분석을 기반으로 산출되었습니다.
견적 요약
항목
내용
프로젝트명
설문 기반 영양제 추천 기능 구축
제안 금액
9,000,000원 (VAT 별도)
제안 기간
45일
견적 유효기간
제안일로부터 30일
상세 견적 내역
구분
항목
수량
단가
금액
기획
설문 시나리오 설계, 카페24 API 분석, 화면 설계
1식
-
900,000원
디자인
UI/UX 디자인 (설문 화면, 결과 화면, PC+모바일 반응형)
1식
-
1,350,000원
프론트엔드
설문 진행 UI, 결과 화면, 반응형, 카페24 스킨
1식
-
3,150,000원
백엔드
설문 로직 엔진, 카페24 Store API 연동, 장바구니/결제
1식
-
2,100,000원
인프라
서버/DB 구성, 카페24 스킨 교체 및 세팅
1식
-
750,000원
QA/배포
크로스브라우저 테스트, 모바일 테스트, 최종 배포
1식
-
750,000원
합계 (VAT 별도)
9,000,000원
산정 근거
카페24 Store API 연동 및 스킨 커스텀 개발 포함
설문 시나리오 설계부터 가중치 합산 로직, 결과 매칭 엔진까지 전 범위 개발
PC 웹 + 모바일 웹 반응형 대응
Figma 기반 UI/UX 디자인 납품 포함
유사 프로젝트 수행 경험을 바탕으로 효율적 개발
포함 사항
소스 코드 전체 이관
최종 디자인 원본 파일 (Figma)
카페24 적용 완료된 스킨 파일
개발 문서 (API 명세서, DB 스키마)
1개월 무상 하자 보수
배포 환경 세팅 (1회)
불포함 사항
서버 호스팅 비용 (AWS 등)
카페24 쇼핑몰 이용 비용
도메인 구매 비용
하자 보수 기간 이후 유지보수 (별도 협의)
공수계산서
기능별 개발 공수(Man-Day)를 산출하여 일정과 비용의 근거를 제시합니다.
공수 요약
구분
공수 (M/D)
비율
기획/설계
4 M/D
11%
UI/UX 디자인
5 M/D
14%
프론트엔드 개발
12 M/D
34%
백엔드 개발
8 M/D
23%
스킨/인프라
3 M/D
9%
QA/배포
3 M/D
9%
합계
35 M/D
100%
기능별 상세 공수
기능
세부 작업
담당
공수 (M/D)
기획/설계
설문 시나리오 설계 및 로직 맵핑
기획
1.5
카페24 Store API 분석 및 연동 설계
기획
1
화면 설계 (와이어프레임)
기획
1
DB 스키마 설계
기획
0.5
UI/UX 디자인
설문 진행 화면 디자인 (PC + 모바일)
디자인
2
진단 결과 화면 디자인
디자인
1.5
카페24 스킨 디자인
디자인
1.5
프론트엔드
설문 진행 UI (객관식, 복수선택, 진행바)
FE
3
가중치 합산 로직 (클라이언트 사이드)
FE
1.5
진단 결과 화면 (영양제 추천 카드)
FE
2
장바구니 담기 UI + 카페24 연동
FE
2
반응형 처리 (PC + 모바일)
FE
2
카페24 스킨 적용
FE
1.5
백엔드
설문 데이터 모델 및 API
BE
2
가중치 합산 엔진
BE
1.5
카페24 Store API 연동 (상품 조회, 장바구니)
BE
2.5
결제 페이지 이동 처리
BE
1
관리자 설문 관리 기능
BE
1
스킨/인프라
카페24 스킨 교체 및 세팅
인프라
1.5
서버/DB 구성 (MongoDB) + AWS 세팅
인프라
1.5
QA/배포
크로스브라우저 테스트
QA
1
모바일 디바이스 테스트
QA
1
통합 테스트 및 최종 배포
QA
1
산정 기준
1 M/D = 8시간 기준 (1인 1일 작업량)
주 5일 근무 기준
버퍼 10~15% 포함
유사 프로젝트 수행 경험 기반 효율적 개발
PRD (Product Requirements Document)
프로젝트 요구사항을 정의하고 기능 범위를 명확히 합니다.
1. 프로젝트 배경 및 목적
현재 운영 중인 카페24 기반 영양제 쇼핑몰에서 고객이 직접 설문을 통해 건강 상태를 확인하고, 적합한 영양제를 추천받아 바로 구매할 수 있는 기능이 부재합니다. 설문 기반 맞춤형 진단·추천 기능을 신규 개발하여, 자연스러운 구매 전환 경험(UX)을 제공하고 구매 전환율을 향상시키는 것이 본 프로젝트의 목표입니다.
2. 사용자 정의
사용자 유형
설명
주요 기능
쇼핑몰 방문 고객
영양제를 구매하려는 일반 소비자
설문 참여, 진단 결과 확인, 추천 영양제 장바구니 담기, 결제
쇼핑몰 관리자
쇼핑몰 운영자/담당자
설문 문항 관리, 가중치 설정, 추천 규칙 관리, 결과 데이터 확인
3. 기능 요구사항
3.1 설문 진행 기능
[필수] 객관식 질문 및 답변 노출 UI (단일 선택 + 복수 선택 처리)
[필수] 설문 진행 상태 표시 (프로그레스바)
[필수] 각 답변에 따른 점수 매기기 (가중치 합산) 로직
[필수] 설문 중간 이탈 방지 UX (뒤로가기, 이전 질문 수정 가능)
[선택] 설문 결과 저장 및 재진단 기능
3.2 진단 결과 및 추천 연동
[필수] 합산된 점수와 조건에 매칭되는 결과 화면(영양제 추천) 출력
[필수] 추천된 제품을 바로 장바구니에 담기 (카페24 Store API 연동)
[필수] 결제 페이지(Checkout)로 자연스러운 이동 처리
[필수] 추천 결과에 제품 이미지, 가격, 설명 표시
[선택] 추천 결과 공유 기능 (URL 또는 이미지)
3.3 카페24 연동
[필수] 카페24 Store API를 통한 상품 정보 조회
[필수] 카페24 장바구니 API 연동 (추천 상품 자동 담기)
[필수] 쇼핑몰 스킨 교체 및 세팅
[필수] 기존 쇼핑몰과 일관된 디자인 통합
3.4 반응형 지원
[필수] PC 웹 최적화 레이아웃
[필수] 모바일 웹 반응형 디자인
[필수] 터치 인터랙션 최적화 (모바일)
4. 비기능 요구사항
항목
요구사항
성능
설문 페이지 로딩 2초 이내, 결과 계산 1초 이내
호환성
Chrome, Safari, Edge, 모바일 Safari/Chrome 지원
보안
카페24 API 키 안전 관리, HTTPS 통신
접근성
모바일 터치 최적화, 충분한 터치 영역(44px+)
SEO
설문 랜딩 페이지 메타태그 최적화
5. 기술 제약사항
카페24 플랫폼 환경 내에서 동작해야 함
카페24 Store API 제약사항(호출 횟수, 인증 방식) 준수
기존 쇼핑몰 디자인 톤앤매너와 일관성 유지
설문 진단 로직은 별도 서버에서 처리하되, 결과를 카페24 쇼핑몰에 자연스럽게 통합
6. 범위 외 사항 (Out of Scope)
네이티브 앱 (iOS/Android) 개발
회원가입/로그인 기능 (카페24 기본 기능 활용)
결제 시스템 자체 개발 (카페24 기본 결제 활용)
AI/ML 기반 추천 엔진 (규칙 기반 가중치 합산 방식으로 구현)
쇼핑몰 전체 리디자인 (설문/결과 관련 페이지에 한정)
일정 제안
총 45일 기준 4단계 마일스톤 및 산출물을 제안합니다.
전체 일정 요약
단계
기간
주요 산출물
Phase 1: 기획/설계
Day 1–6 (6일)
설문 시나리오, 와이어프레임, DB 스키마, API 설계서
Phase 2: UI/UX 디자인
Day 7–13 (7일)
Figma 디자인 (설문·결과·스킨), 디자인 시스템
Phase 3: 개발 (FE+BE)
Day 14–38 (25일)
설문 기능, 진단 엔진, 카페24 API 연동, 반응형
Phase 4: QA/스킨적용/배포
Day 39–45 (7일)
통합 테스트, 카페24 스킨 적용, 최종 배포
상세 타임라인
PHASE 1
기획 및 설계
Day 1–6 (6일)
설문 시나리오 설계, 카페24 Store API 분석, 가중치 합산 로직 설계, 화면 와이어프레임 작성
산출물: 설문 시나리오 맵, 와이어프레임, DB 스키마(ERD), API 설계서
검수: 설문 흐름 및 가중치 로직 확인
PHASE 2
UI/UX 디자인
Day 7–13 (7일)
Figma 기반 설문 진행 화면, 진단 결과 화면, 카페24 스킨 디자인 (PC + 모바일 반응형)
산출물: Figma 디자인 파일 (설문 UI, 결과 UI, 스킨 디자인)
검수: 디자인 시안 승인 후 개발 착수
PHASE 3
개발 (프론트엔드 + 백엔드)
Day 14–38 (25일)
설문 진행 UI 구현, 가중치 합산 엔진 개발, 카페24 Store API 연동, 장바구니 담기·결제 이동, PC+모바일 반응형
산출물: 설문 기능 완성, 진단 결과 화면, 카페24 API 연동 완료
중간 검수 (Day 25): 설문 → 결과 → 장바구니 전체 흐름 데모
PHASE 4
QA / 스킨 적용 / 배포
Day 39–45 (7일)
크로스브라우저 테스트, 모바일 디바이스 테스트, 카페24 스킨 최종 적용, 운영 서버 배포
산출물: QA 리포트, 카페24 적용 완료된 스킨 파일, 배포 완료
검수: 전체 기능 최종 확인 및 인수
마일스톤 체크포인트
마일스톤
시점
검수 기준
M1: 설계 완료
Day 6
설문 시나리오·가중치 로직·와이어프레임 승인
M2: 디자인 확정
Day 13
Figma 디자인 시안 최종 승인
M3: 중간 데모
Day 25
설문→결과→장바구니 전체 흐름 시연
M4: 최종 인수
Day 45
전 기능 정상 동작, 스킨 적용 완료, 배포 확인
커뮤니케이션 계획
항목
방식
주기
일일 진행 공유
Slack / 카카오톡
매일
주간 미팅
Zoom / Google Meet
주 1회
마일스톤 리뷰
화면 공유 + 문서
단계 완료 시
이슈 트래킹
GitHub Issues
상시
유사 프로젝트 경험
본 프로젝트와 유사한 기능/기술 스택을 활용한 수행 경험을 소개합니다.
13
매칭 프로젝트
7년+
개발 경력
100%
참여율
45일
제안 기간
B2C 앱 / 운세
Fortune App — 사주 기반 맞춤형 운세 앱
라이프스타일 · 3개월 · 2024
프로젝트 개요
사용자의 생년월일시 정보를 입력받아 사주(四柱) 분석 엔진을 통해 맞춤형 운세·궁합·행운번호를 추천하는 크로스플랫폼 앱. 17개 Use Case, Clean Architecture 기반.
핵심 기능
사주 분석 엔진 연동 — 입력 → 분석 → 결과 추천 패턴
포인트 & 데일리 체크인 리워드 시스템
다국어 (한국어 + 영어) 실시간 전환
본 프로젝트와의 유사점
"입력 → 분석 → 결과 추천" 패턴 동일 — 본 프로젝트의 "설문 → 가중치 합산 → 영양제 추천"과 동일한 구조
Node.js 백엔드 — 동일 런타임 기반 API 서버 구현 경험
사용자 인터랙션 기반 개인화 — 입력에 따른 맞춤 결과 생성 UX 경험
기술 스택
FlutterFirebaseBLoCNode.jsClean Architecture
B2C 앱 / 피트니스
Pilates App — 필라테스 프랜차이즈 관리 플랫폼
피트니스 O2O · 4개월 · 2019
프로젝트 개요
필라테스 센터 통합 관리 플랫폼. 예약, 결제, CRM, 매출 분석, 커뮤니티 등 8개 핵심 기능 모듈로 Android/iOS/Web 3개 플랫폼 동시 출시.
핵심 기능
수업 예약 시스템 + 온라인 결제 연동
CRM (고객 관계 관리) + 매출 대시보드
실시간 채팅 + 커뮤니티
본 프로젝트와의 유사점
건강/피트니스 도메인 — 영양제 추천과 유사한 건강 도메인 개발 경험
결제 연동 — 온라인 결제 시스템 구현 경험이 카페24 결제 연동에 활용
React + Node.js 기술 스택 — 본 프로젝트 요구 기술과 동일
기술 스택
React NativeReactNode.jsFCM / APNs
B2B SaaS / 헬스케어
Harmony Link — 시니어 주간보호 관리 플랫폼
헬스케어 · 약 6개월 · 2025
프로젝트 개요
노인 주간보호센터 통합 관리 플랫폼. 케어 로그, 투약 관리, AI 건강 분석, 보호자 커뮤니케이션을 133,000+ LOC, 140+ API 엔드포인트 규모로 구축.
핵심 기능
AI 건강 분석 (OpenAI 연동)
140+ API 엔드포인트 대규모 백엔드
6개 플랫폼 지원 (반응형 웹 포함)
본 프로젝트와의 유사점
헬스케어 도메인 — 건강 데이터를 다루는 UX 설계 노하우가 영양제 추천 UI에 활용
140+ API 연동 경험 — 카페24 Store API 연동에 동일 패턴 적용
반응형 웹 — PC + 모바일 반응형 구현 경험이 본 프로젝트에 직접 활용
기술 스택
FlutterNestJSNext.jsTypeScriptAWS CDKMySQL
B2C 앱 / 게이미피케이션
Daystarter — 게이미피케이션 수면 보상 알람 앱
자체 프로덕트 · 13개월 · 2022~2023
프로젝트 개요
센서 기반 수면 인증 + 게이미피케이션 + 토큰 이코노미를 결합한 알람 앱. 48개 화면, 37개 데이터 모델, ~30개 API, 6개 언어 스토어 리스팅.
핵심 기능
멀티 센서 기반 수면 인증 (밝기, 충전, ML Kit 얼굴 인식)
게이미피케이션 리텐션 (캐릭터, 루트박스, 퀘스트, 리그)
듀얼 토큰 이코노미 (DSP/DST)
본 프로젝트와의 유사점
건강/웰니스 도메인 — 수면 건강 관련 앱 개발 경험이 영양제 추천 도메인과 유사
센서 데이터 기반 분석 — 다중 센서 데이터를 분석하는 경험이 설문 가중치 합산 로직 설계에 활용
모바일 앱 UX — 48개 화면의 B2C 모바일 UX 경험이 설문 진행 UX에 적용
기술 스택
FlutterNestJSPostgreSQLRedisFirebaseSpine 2D
B2B SaaS / 전자결재
EZ-Approve — 전자결재·업무 관리 올인원 플랫폼
기업용 SaaS · 9주 · 2026
프로젝트 개요
한국 기업의 결재·문서관리 프로세스를 통합하는 B2B SaaS 플랫폼. 2,764 파일, 504 PR/9주, 120-150 API 엔드포인트, 7종 사용자 역할.
핵심 기능
8종 결재 행위 워크플로우 자동화
50+ 페이지 관리자 대시보드
Lexical 기반 리치 에디터 (170 파일)
본 프로젝트와의 유사점
대규모 웹 애플리케이션 — 50+ 페이지 규모의 웹 앱 개발 경험이 설문 시스템 구축에 활용
리치 에디터 — 복잡한 입력 UI 구현 경험이 설문 진행 인터페이스에 적용
NestJS 백엔드 — 120-150 API 엔드포인트 규모의 Express 호환 백엔드 경험
기술 스택
Next.js 13NestJS 10TypeORMMySQL 8.0LexicalDocker
핀테크 / P2P
P2P Funding — P2P 크라우드펀딩 플랫폼
핀테크 · 2019~2020
프로젝트 개요
소액 투자자 대상 P2P 렌딩 마켓플레이스. 80+ 엔티티, 330+ API 패턴, 15+ 외부 API 연동, 4종 대출 유형별 멀티스텝 위저드.
핵심 기능
4종 대출 멀티스텝 위저드
가상계좌 결제 자동화 (Seyfert/PayGate)
15+ 외부 API 연동
본 프로젝트와의 유사점
멀티스텝 위저드 UI — 4종 대출 신청 위저드 경험이 단계별 설문 진행 UI에 직접 활용
결제 연동 — 가상계좌 결제 자동화 경험이 카페24 결제 흐름에 활용
외부 API 연동 — 15+ 외부 API 연동 경험이 카페24 Store API 연동에 적용
기술 스택
PythonDjangoMySQLjQueryAWS S3
핀테크 / VC
Series-B — 투자조합 관리·업무 자동화 올인원 플랫폼
VC 펀드 관리 · 14개월 · 2023~2024
프로젝트 개요
한국 VC 업계의 투자조합 관리, 전자결재, 규제 보고를 통합하는 올인원 SaaS 플랫폼. 1,652 PR, 50+ 페이지, 80+ 엔티티.
핵심 기능
AI 투자심사보고서 자동 생성 (ChatGPT API)
대규모 대시보드 (50+ 페이지)
외부 시스템 연동 (NICE KYC, SFTP 등)
본 프로젝트와의 유사점
AI 기반 보고서 생성 — ChatGPT API 연동 경험이 향후 AI 추천 로직 확장에 활용 가능
대규모 웹 애플리케이션 — 50+ 페이지 규모 개발 경험
외부 API 연동 — 다수 외부 시스템 연동 경험이 카페24 API 연동에 적용
기술 스택
Next.js 13NestJS 10TypeORMMySQLAWSChatGPT
B2C 앱 / 소셜
Calendar Share — 소셜 캘린더 공유 플랫폼
소셜 네트워킹 · MVP · 2025
프로젝트 개요
소셜 피드와 캘린더를 통합한 크로스플랫폼 앱. 17,628 LOC, 45+ 화면, 8개 Firebase 통합 서비스, 7종 푸시 알림.
핵심 기능
Firebase 8개 서비스 통합
실시간 소셜 피드 + 메시징
다국어 포스트 번역
본 프로젝트와의 유사점
Firebase 통합 — 8개 Firebase 서비스 통합 경험이 백엔드 인프라 구축에 활용
사용자 인터랙션 중심 UI — 45+ 화면 B2C 앱의 UX 경험이 설문 진행 UI에 활용
모바일 반응형 — 크로스플랫폼 반응형 경험이 PC + 모바일 웹에 적용
기술 스택
FlutterFirebaseSupabaseFCM
B2B 플랫폼 / 네트워킹
Connectin — 디지털 명함 & 프로페셔널 네트워킹 플랫폼
B2B 네트워킹 · 3개월 · 2025
프로젝트 개요
OCR 스캐닝, E2E 암호화 메시징, BLE/GPS 근거리 탐색을 결합한 디지털 명함 플랫폼. 12개 마이크로서비스, 63개 API, 3개 플랫폼.
핵심 기능
12개 마이크로서비스 독립 배포
OCR 명함 스캐닝
크로스플랫폼 (iOS, Android, Web)
본 프로젝트와의 유사점
크로스플랫폼 웹 + 모바일 — iOS/Android/Web 동시 지원 경험이 PC + 모바일 반응형에 활용
Express.js 백엔드 — 본 프로젝트 요구 기술(Express.js)과 동일 스택
마이크로서비스 아키텍처 — 모듈화된 백엔드 설계 경험
기술 스택
FlutterExpress.jsNext.js 15PostgreSQLDocker
Web3 / GameFi
Life3 — Web 3.0 dApp 마켓플레이스 플랫폼
Web3 마켓플레이스 · 8개월 · 2023~2024
프로젝트 개요
NFT 마켓플레이스, 포인트-토큰 스왑, 게이미피케이션 리워드를 통합한 Web 3.0 dApp. 4개 마이크로서비스, 3개 프론트엔드 앱, 60+ API.
핵심 기능
Express 기반 마이크로서비스 (4개)
React 18 프론트엔드
25+ 페이지 어드민 패널
본 프로젝트와의 유사점
React + Express 기술 스택 — 본 프로젝트 요구 기술과 동일 조합
마켓플레이스 UX — 상품 브라우징, 결제 흐름이 쇼핑몰 커머스와 유사
포인트 시스템 — 포인트-토큰 스왑 경험이 장바구니/결제 로직에 활용
기술 스택
React 18Next.js 13ExpressPostgreSQLApache Kafka
AI / 자동화
AI-Native Development Framework — AI 에이전트 통합 프레임워크
AI 자동화 · 2개월+ · 2026
프로젝트 개요
4종 AI 에이전트를 통합 관리하는 오케스트레이션 프레임워크. 839개 문서, 134+ 스킬 모듈, 48개 API 엔드포인트, React 19 실시간 대시보드.
핵심 기능
Multi-AI 오케스트레이션
React 19 + WebSocket 실시간 대시보드
TypeScript 풀스택
본 프로젝트와의 유사점
자동화 로직 설계 — AI 에이전트 자동화 경험이 설문 가중치 합산 엔진 자동화에 활용
React 웹 애플리케이션 — React 19 기반 웹 앱 개발 경험
TypeScript/Node.js — 동일 런타임 기반 풀스택 개발 경험
기술 스택
TypeScriptReact 19HonoVitestPlaywright
게임 / 텔레그램
Casual Game — 텔레그램 기반 캐주얼 게임 플랫폼
텔레그램 미니앱 · 7개월 · 2024
프로젝트 개요
텔레그램 WebApp 내 캐주얼 게임 + 레퍼럴 + 암호화폐 지갑 통합 플랫폼. 8,000 LOC, 6개 Docker 서비스, 14개 REST API.
핵심 기능
NestJS 10 + TypeORM 백엔드
포인트 이코노미 + 레퍼럴 시스템
인터랙티브 웹 앱
본 프로젝트와의 유사점
인터랙티브 웹 앱 — 사용자 인터랙션 중심 WebApp 경험이 설문 진행 UI에 활용
포인트 시스템 — 포인트 적립/사용 경험이 쇼핑몰 장바구니 로직에 활용
NestJS 백엔드 — Express 호환 Node.js 백엔드 경험
기술 스택
Phaser.jsNestJS 10TypeORMMySQLDocker
Web3 / GameFi
NFT DeFi — NFT 메타버스 DeFi 게임 플랫폼
블록체인 GameFi · 3개월 · 2022
프로젝트 개요
NFT 캐릭터 수집, 게임, DeFi를 통합한 Web3 GameFi 플랫폼. 6개 기능 모듈, React 반응형 웹 (PC + 모바일).