Portfolio: 개인 포트폴리오 사이트 개발

1인 프로젝트

프로젝트 소개

'개발자로서의 나'를 가장 간결하고 직관적으로 소개하기 위해 개발한 개인 포트폴리오 웹사이트입니다.
기술적 역량, 프로젝트 경험, 그리고 개인의 비전을 한눈에 전달할 수 있도록 높은 가독성과 최적화된 성능을 목표로 설계되었습니다.

프로젝트 정보

• 배포 주소: https://portfolio.haisia.dev/

프로젝트 특징

• 웹 표준 및 접근성 고려: 시맨틱 태그를 활용하여 웹 표준을 준수하고, 검색 엔진 최적화(SEO)를 고려한 구조 설계
• 디자인 시스템 기반 컴포넌트: shadcn/ui 디자인 시스템 라이브러리를 기반으로 커스터마이징하여, 일관성 있고 재사용 가능한 나만의 컴포넌트 구현
• 성능 최적화 (Next.js): Next.js의 SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)을 적절히 활용하여 초기 로딩 속도 및 사용자 경험 개선

프로젝트 목적

• 지속적으로 성과와 경험을 기록하고 업데이트할 수 있는 개인 포트폴리오 사이트 구축
• 히스토리를 기록하고 회고하는 과정을 통해 개발 실력 증진 및 자기 주도 학습 습관 확립

기술 스택 및 아키텍처

• 언어/프레임워크: Typescript, Next.js, shadcn/ui, Tailwind CSS
• 인프라/배포: Vercel (배포 호스팅, 자동배포), Cloudflare (DNS)

프로젝트 후기 및 성과

이 프로젝트를 진행하면서 Next.js의 동작 원리와 Typescript의 활용법을 기초부터 깊이 있게 리마인드하는 계기가 되었습니다.

특히, 완성도 높은 디자인 시스템인 shadcn/ui를 익히고 이를 프로젝트 요구사항에 맞춰 커스터마이징하는 과정을 거쳤습니다.
이 과정에서 재사용성 높은 컴포넌트 구조와 클린 코드 작성 방법에 대해 심도 있게 고민하며 프론트엔드 아키텍처 역량을 한 단계 높일 수 있었습니다.