 |
 |
 |
 |
|---|---|---|---|
| 박예진 | 정현문 | 유재휘 | 이수빈 |
| 로그인 | 홈 |
|---|---|
 |
 |
 |
 |
 |
|---|---|---|
 |
 |
| 사전 정보 입력 | 시나리오 생성 결과 |
|---|---|
|
|
| 통화 상담 내역 | 통화 상담 전문 |
|---|---|
|
|
| 챗봇 상담 | 상담 종료 |
|---|---|
 |
 |
| 요약 결과 | 요약 내역 |
|---|---|
|
|
src/
├── app/ # App Router: 페이지 라우팅 및 레이아웃
│ ├── chatbot/ # 챗봇 페이지
│ ├── history/ # 히스토리/기록 페이지
│ ├── login/ # 로그인 페이지
│ ├── onboarding/ # 온보딩 페이지
│ ├── scenario/ # 시나리오 관련 페이지
│ ├── summary/ # 요약 페이지
│ ├── error.tsx # 페이지 에러 핸들링
│ ├── global-error.tsx # 전역 에러 핸들링
│ ├── globals.css # 전역 스타일 시트
│ ├── layout.tsx # 루트 레이아웃
│ ├── loading.tsx # 전역 로딩 UI
│ └── page.tsx # 메인(홈) 페이지
├── assets/ # 정적 자원
│ ├── fonts/ # 폰트 파일
│ ├── icon/ # 아이콘 이미지/SVG
│ └── moono/ # 무너 이미지
├── components/ # 재사용 가능한 UI 컴포넌트
│ ├── auth/ # 인증 관련 컴포넌트
│ ├── chatbot/ # 챗봇 전용 컴포넌트
│ ├── common/ # 공통 UI 컴포넌트 (Button, Input 등)
│ ├── history/ # 히스토리 UI 컴포넌트
│ ├── home/ # 홈 화면 전용 컴포넌트
│ ├── login/ # 로그인 관련 컴포넌트
│ ├── onboarding/ # 온보딩 단계별 컴포넌트
│ ├── scenario/ # 시나리오 UI 컴포넌트
│ ├── summary/ # 요약 UI 컴포넌트
│ └── TextBubble/ # 채팅 말풍선 등 텍스트 컴포넌트
├── hooks/ # 커스텀 React 훅
├── lib/ # 외부 라이브러리 설정 및 클라이언트 정의
├── models/ # TypeScript 인터페이스 및 데이터 모델 (Type 정의)
├── services/ # API 통신 및 비즈니스 로직
├── stories/ # Storybook 컴포넌트 테스트 파일
└── utils/ # 공통 유틸리티 함수
# 1. 패키지 설치
pnpm install
# 2. 환경 변수 설정
# NEXT_PUBLIC_FIREBASE_API_KEY= your_firebase_key
# NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN= your_firebase_domain
# NEXT_PUBLIC_FIREBASE_PROJECT_ID= your_firebase_project_id
# NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET= your_firebase_bucket
# NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID= your_firbase_messaging_id
# NEXT_PUBLIC_FIREBASE_APP_ID= your_firebase_app_id
# NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID= your_firebase_measurement_id
# NEXT_PUBLIC_API_URL= your_api_url
# 3. 개발 서버 실행
pnpm run dev