플러스프로젝트 배경
1) 문제점 텍스트 나열식 포트폴리오는 클라이언트·채용 담당자에게 기술력을 시각적으로 전달하기 어려움 언어 전환 시 매번 API를 새로 호출해 딜레이 발생 PDF 이력서를 별도 파일로 관리해 포트폴리오 데이터와 불일치 발생 2) 프로젝트 목표 시각적 차별화: Three.js·Framer Motion 기반 인터랙티브 비주얼로 기술력을 직접 시연 즉시 언어 전환: 서버 사이드 pre-render로
프로젝트 성과
즉시 언어 전환
ko/en/jp 3개 언어 MDX 서버 사이드 pre-render로 언어 전환 시 추가 API 호출 0건
동적 PDF 이력서
@react-pdf/renderer로 포트폴리오 데이터에서 실시간 PDF 생성 및 클라이언트 다운로드
인터랙티브 비주얼 구현
Three.js GLSL shader 3D Hero + Arc 캐러셀 + Orbital 스킬 시각화 완성
핵심 기능
3D Morphing Sphere
Three.js + GLSL Simplex noise로 마우스에 반응하는 유기적 3D 변형 Hero 구현
진행 단계
기획·디자인
2025.12.
인터랙티브 섹션 구성 및 다국어 데이터 구조 설계
프로젝트 상세
1) 포트폴리오 소개 Three.js 3D 인터랙션, Arc 캐러셀, 행성 궤도 스킬 시각화 등 몰입감 있는 비주얼을 갖춘 개인 포트폴리오 사이트. 잠재 클라이언트·채용 담당자를 메인 타깃으로, ko/en/jp 3개 언어를 지원하며 포트폴리오 데이터에서 PDF 이력서를 동적으로 생성하는 인터랙티브 소개 페이지. 2) 작업 범위 Front-end 개발 반응형 웹 (다크 테마) 3) 주요 업무
