WorldClone Lab

Overview

다양한 인구통계 프로필을 가진 가상 페르소나들을 생성·조작하고, 시나리오 기반 시뮬레이션을 실행해 정성적 인사이트를 수집하는 시장 검증 도구. 페르소나 → 월드 → 시뮬레이션 → 신호(Signals)로 이어지는 파이프라인과 3D 렌더링 · 크레딧 경제 · 커뮤니티 공유까지 통합.

My Work

• ▸Next.js 16 + React 19 + Supabase 풀스택 단독 구축
• ▸페르소나 CRUD 직렬화 감사(audit) 반영
• ▸Three.js 결정론적 렌더링 + WebGL 호환성 훅
• ▸15+ 상세 구현/계획 문서 · 아키텍처 결정 기록
• ▸Remotion을 통한 IR 영상 자동화 파이프라인

Features

• 월드 생성/상세/다양성 분석
• 콘솔 — quick · new · simulation · batch 실행
• 신호(Signals) — 요약 · 통계 · 분포 · 응답 · 비교
• 커뮤니티 — 월드/시나리오/신호 공유
• 크레딧 결제 · 관리자 운영
• React 19 hook & purity 규칙 준수

Highlights

• 380+ TSX 파일 · 체계적 구조
• Three.js + @react-three/fiber 3D 페르소나 렌더링
• Vitest + RTL + MSW 기반 회귀 테스트
• Chrome headless E2E 스모크
• Remotion 기반 IR 영상 자동 생성
• 크레딧 경제 · 관리자 운영 기능

Timeline

Tech Stack

</>Next.js 16 · Three.js · Supabase · Remotion