김성경
f36fd5a3cb
- index.html에 Meta Pixel 스크립트 및 noscript 폴백 추가 (PageView 자동 추적) - 전환 추적 유틸 추가 (trackViewContent, trackCompleteRegistration, trackFirstVideoCreated) — 서버 CAPI와 동일 event_id로 픽셀 발화해 중복제거 - 랜딩 진입 시 UTM 파라미터 first-touch 캡처 (localStorage 보존, 가입 전환 시 서버로 전달 후 제거) - 카카오 로그인 콜백에서 is_new_user 판정 시 CompleteRegistration 발화 (토큰 리다이렉트 경로 + code 콜백 경로 모두 처리) - 영상 생성 완료 시 FirstVideoCreated 발화 - KakaoCallbackResponse 타입을 백엔드 LoginResponse 구조에 맞게 수정 (user 객체 제거, is_new_user 평탄화) - logout이 refresh_token을 body로 전달하도록 수정, 실패해도 로컬 데이터는 항상 삭제되도록 try/finally 처리 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> |
||
|---|---|---|
| .claude | ||
| public | ||
| src | ||
| test | ||
| .gitignore | ||
| Dockerfile | ||
| README.md | ||
| docker-compose.yaml | ||
| index.html | ||
| metadata.json | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.json | ||
| vite.config.ts | ||
README.md
CASTAD - Marketing Automation Frontend
마케팅 자동화를 위한 React 기반 프론트엔드 애플리케이션. CASTAD 프론트엔드 프로젝트 입니다.
기술 스택
- React 19
- TypeScript
- Vite 6
처리 흐름
1. Landing Page
└── URL 입력 → 비즈니스 분석 시작
2. Loading
└── URL 크롤링 및 데이터 수집
3. Analysis Result
└── 크롤링 결과 확인 (이미지, 비즈니스 정보)
4. Login
└── 사용자 인증
5. Generation Flow (Dashboard)
├── 새 프로젝트 만들기
├── 비즈니스 설정
├── 에셋 관리
├── 사운드 스튜디오
└── 콘텐츠 생성 완료
로컬 실행
# 의존성 설치
npm install
# recharts 설치 (대시보드용 차트 라이브러리)
npm install recharts
# 개발 서버 실행 (http://localhost:3000)
npm run dev
# 프로덕션 빌드
npm run build
# 빌드 미리보기
npm run preview
Docker 실행
# 이미지 빌드 및 컨테이너 실행
docker-compose up --build
# 백그라운드 실행
docker-compose up -d --build
# 컨테이너 중지
docker-compose down
접속 URL: http://localhost:3000