제품김남해 · 김민영2026.04 - 진행 중
Portfolio Platform
프로젝트와 경력을 구조적으로 보여주는 개인·팀 포트폴리오 허브.
- 역할
- 정보 구조 설계 · 프론트엔드
- 함께
- 참여: 김남해 · 김민영 (아래는 김민영 담당분)
- 기술
- Next.js App Router · TypeScript
상황
단일 프로젝트 소개만으로는 역량과 기여 범위를 한눈에 전달하기 어려웠습니다.
한 일
- 프로젝트·프로필·상세 페이지를 연결하는 정보 구조 설계와 공통 데이터 소스 기반 일관 렌더링
- 검색·필터·기술 스택 트리맵으로 탐색성 강화, 갤러리 캡션·비즈니스 임팩트 차트로 성과 시각화
- AWS 인프라 케이스의 Mermaid 아키텍처 다이어그램, 동적 OG 이미지·PDF 이력서 출력 지원
- Lighthouse 점검 인프라·/projects 인덱스·404·환경변수 분리 등 품질·SEO 기반 정비
결과
- 랜딩에서 포트폴리오 허브로 전환 완료
- 동적 OG·PDF 출력으로 공유성 강화, 멤버별(남해/민영) 프로필 분리 노출
- 신규 프로젝트 추가 시 데이터만 추가하면 홈·목록·프로필에 자동 반영
- 프로젝트 상세 자동 SSG 생성
- Lighthouse 품질 점검·동적 OG
- Mermaid 아키텍처·PDF 출력
화면
클릭하면 크게