1. 개요

• 사용자의 피부·루틴·고민 등 스킨케어 전 과정을 포함하는 체크리스트 기반 의사결정 사이트
• 사이트 링크 : https://gumaejigi.com/
• 깃허브 링크 : https://github.com/KangShinGyu98/skincare-decision
• 기간 : 4/1 ~ 7/28 약 4개월

2. 필요성

1. 스킨케어 정보에 관한 수요는 모든 수준에서 꾸준함. (어린아이부터 전문가까지)
2. 화해/올리브영 등은 화장품을 많이 팔아야하는 이해관계가 있음. (객관성 부족)
3. 소비자가 실제로 겪는 문제

   • 정보의 파편화 (유튜브,인스타,광고,후기 등 다양한 출처에서 다양한 범위의 정보를 접함)

     예 : “히알루론산은 보습에 좋다.”, “무기자차 썬크림은 백탁이 있다.”

   • 살아있는 지식이 되기 위해서 필요한 정보의 범위가 넓음

     예 : 미백과 항산화에 좋다는 비타민C 앰플을 바르기 위해서 소비자는 “비타민C 의 종류”, “유효농도와 제품의 농도”, “내 피부 타입”, “제품의 비타민C 산화 역가테스트” 여부 등등 알아야할 것이 너무 많다.

   • 최종적으로 해당 제품이 나와 맞는지에 대한 개인화 판단이 필요

3. 핵심 기능

• 체크리스트 기반 문진 흐름

  • 질문 → 조건부 노출 → 결과 도출까지의 사용자 여정

  

• 관리자 페이지 (질문 및 규칙 관리)

  • 질문 별로 타이틀과 값을 설정할 수 있다.

  • 하나에 질문을 UI section 별로 다양한 형태로 제시할 수 있다.

    

    질문 점검 화면

  • 질문에 따라서 트리거 되는 규칙을 점검할 수 있다.

    

    룰 점검 화면

  • 질문 점검 모달을 통해서 새로운 질문을 생성, 수정할 수 있다.

    

    질문 점검 화면 모달

• 구글 로그인

4. 기술 스택

• Backend: NestJS 11, TypeScript, Prisma 7
  • Database: AWS RDS PostgreSQL 16
  • Cache: AWS ElastiCache Redis 7
  • Infra: Docker, AWS ECS on EC2, ECR, ALB, Route 53, ACM
  • CI/CD: GitHub Actions → ECR → ECS 자동 배포
• Frontend: Next.js 16 (App Router), React 19, TypeScript, TanStack Query
  • State / Data: TanStack Form + Zod 4
  • UI: Tailwind, shadcn/ui
  • 디자인 시스템 : Ant Design Open Source

5. 아키텍처

특이사항

1. AZ 는 2개이지만 비용절감을 위해서 EC2를 1개로 구성했습니다.