[FEAT] AI 포트폴리오 초안 생성 연동

[yongseong123]

Feature

기능 설명

• AI Agent의 포트폴리오 초안 생성 API를 프론트 AI 포트폴리오 화면에 연동합니다.
• 사용자가 입력한 목표 직무, 기술 스택, 프로젝트 경험을 기반으로 백엔드에서 생성한 초안을 화면에 텍스트로 출력합니다.

배경 및 목적

• 현재 AI 포트폴리오 화면은 실제 백엔드 생성 기능과 연결되어 있지 않아 사용자가 결과물을 받을 수 없습니다.
• 포트폴리오 초안을 바로 복사해 이력서/포트폴리오 작성에 활용할 수 있도록 합니다.

요구 사항

• 목표 직무, 기술 스택, 프로젝트 경험을 필수 입력으로 받습니다.
• 교육 수료 정보, 경력 요약, 프로젝트 링크, 희망 문체를 선택 입력으로 받을 수 있습니다.
• 생성 결과를 프론트에서 바로 복사/붙여넣기 가능한 텍스트 형태로 출력합니다.

화면 및 사용자 흐름

• 대상 페이지 또는 컴포넌트: /dashboard/portfolio, AiPortfolioModal
• 사용자가 수행하는 주요 동작: 포트폴리오 생성 모달 열기 → 필수/선택 정보 입력 → 초안 생성 요청 → 결과 텍스트 확인 및 복사
• 성공, 실패, 빈 상태 등 필요한 상태: 필수값 검증, 생성 중 로딩, API 실패 메시지, 생성 결과 출력, 복사 완료 피드백

API 및 데이터

• 필요한 API: POST /api/ai/portfolio-drafts
• 요청 데이터: targetJob, skills, projects, education, careerSummary, tone
• 응답 데이터: introduction, coreCompetencies, projectDescriptions, techStackSummary, improvementSuggestions
• 에러 처리: 인증 만료 공통 처리, API 실패 메시지 표시, 필수 입력 누락 안내

완료 조건

• 사용자가 의도한 흐름을 완료할 수 있습니다.
• 로딩, 에러, 빈 상태가 처리되어 있습니다.
• 주요 화면 크기에서 UI가 깨지지 않습니다.
• 관련 테스트 또는 수동 검증이 완료되었습니다.

참고 자료

• 백엔드 레포지토리: C:\dev\AIBE5_FinalProject_Team5_BE
• 프론트 작업 브랜치: feature/ai-agent-connect