Portfolio Website

개인 포트폴리오 웹사이트 프로젝트입니다.

프론트엔드를 중심으로 서비스 전반을 이해하고 구현하는 개발자로서
프로젝트 경험, 실무 경험, 기술 스택, 경력 사항을 정리하고
직접 웹사이트 형태로 제작한 포트폴리오입니다.

단순한 이력 정리가 아닌,
실제 사용자가 읽기 편하고 프로젝트를 직관적으로 이해할 수 있도록
UI/UX와 사용자 흐름을 고려하여 설계했습니다.

---

Deploy

🔗 Portfolio Website
https://nominsol-portfolio.vercel.app/

---

Tech Stack

Frontend

• React
• TypeScript
• Vite
• CSS
• Framer Motion

Deployment

• Git
• GitHub
• Vercel

---

Key Implementation

프로젝트 모달 시스템 구현

• 프로젝트 카드 클릭 시 상세 내용을 확인할 수 있는 Modal 구현
• React Portal을 사용하여 화면 중앙에 자연스럽게 표시되도록 구성
• 배경 Overlay 및 닫기 기능 처리

---

조건부 이미지 렌더링

• 프로젝트별 이미지 유무에 따라 조건부 렌더링 적용
• 이미지가 없는 경우에도 레이아웃이 깨지지 않도록 UI 개선

---

반응형 UI 및 사용자 흐름 개선

• 다양한 화면 크기에서도 자연스럽게 동작하도록 구성
• 카드 레이아웃, 타임라인, 섹션 간 여백 등을 세밀하게 조정

---

Vercel 배포

• GitHub와 연동하여 자동 배포 환경 구축
• 실제 URL을 통해 언제든 접근 가능한 포트폴리오 사이트 운영