프로젝트 한 줄 가치
Portfolio OS
단순 소개 페이지보다 프로젝트와 이력 정보를 더 빠르게 탐색할 수 있는 화면 구조를 목표로 합니다.
개인 포트폴리오를 데스크톱 운영체제처럼 탐색할 수 있도록 구성하는 정적 웹 프로젝트입니다.
문제 정의
포트폴리오의 About, Projects, Skills, Resume, Contact 정보가 흩어지지 않도록 한 화면 경험 안에서 정리할 필요가 있었습니다.
내 역할
- 정보 구조 설계
- 정적 콘텐츠 모델링
- MVP 화면 데이터 준비
기술 스택
- Next.js
- React
- TypeScript
- Tailwind CSS
- Zustand
주요 구현
- MVP에서 필요한 폴더형 섹션을 About, Projects, Skills, Resume, Contact로 제한했습니다.
- 대표 프로젝트 3개를 동일한 데이터 구조로 관리할 수 있도록 정리했습니다.
- UI 컴포넌트가 링크 유무에 따라 버튼을 숨길 수 있도록 links 필드를 빈 객체로 둘 수 있게 했습니다.
트러블슈팅
- 실제 이력 데이터가 부족한 상태에서는 정량 성과를 임의로 만들지 않고 샘플 콘텐츠임을 전제로 작성했습니다.
- 상세 페이지와 목록 카드가 같은 프로젝트 데이터를 참조할 수 있도록 공통 필드를 우선했습니다.
성과와 배운 점
- MVP 화면 구현자가 바로 사용할 수 있는 프로젝트 데이터의 기준 구조를 마련했습니다.
- 향후 실제 프로젝트 정보가 생기면 같은 필드에 값을 교체할 수 있습니다.