AI-Powered Portfolio Platform
프로젝트 개요
이 프로젝트는 단순한 포트폴리오 웹사이트를 넘어, AI 기술을 핵심에 통합한 차세대 포트폴리오 플랫폼입니다.
주요 기능
1. AI 챗봇 (Claude API)
방문자가 자연어로 질문하면, AI가 포트폴리오 데이터를 기반으로 맞춤 답변을 생성합니다.
const response = await claude.messages.create({model: "claude-sonnet-4-6",messages: conversationHistory,system: portfolioContext,});
2. 자동 견적서 생성
채팅 대화에서 프로젝트 요구사항을 자동 추출하고, Function Calling으로 실시간 견적을 산출합니다.
3. Bento Grid 레이아웃
CSS Grid 기반의 모던 대시보드 UI로, 각 섹션이 독립적으로 데이터를 로드합니다.
기술적 도전
- Spec Driven Development: 모든 기능을 Spec 문서로 먼저 정의
- Multi-Agent System: AI 에이전트 팀으로 병렬 개발
- ISR (Incremental Static Regeneration): 정적 + 동적 렌더링 하이브리드