Serverless 포트폴리오 사이트
FSD 아키텍처 적용
개인 프로젝트임에도 확장성과 유지보수성을 고려하여 FSD 아키텍처를 적용했습니다.entities, features, shared, widgets 레이어로 구성하여 코드의 가독성과 재사용성을 높였습니다.
풀스택 개발 경험
Next.js 15 App Router를 활용한 프론트엔드부터 Supabase 기반 백엔드,Vercel 배포까지 전 과정을 직접 구현했습니다.
TypeScript와 Jest를 통한 타입 안전성과 테스트 환경을 구축했습니다.
사용자 경험 최적화
GSAP 애니메이션과 다크/라이트 테마 지원으로 몰입감 있는 UI를 구현했으며,프로젝트 모달 인터랙션과 키보드 네비게이션으로 접근성을 향상시켰습니다.
개발자로서
팀 프로젝트에서 배운 아키텍처 설계 원칙을 개인 프로젝트에 적용하며 실무 역량을 검증했습니다. 특히 Next.js 15의 최신 기능들을 활용하여 서버 컴포넌트와 클라이언트 컴포넌트를 적절히 분리하고,SEO 최적화와 성능 최적화를 동시에 달성했습니다. 또한 실제 사용자가 있는 서비스를 운영하며 지속적인 피드백을 수집하고 개선하는 경험을 쌓았습니다.
개인 브랜딩으로서
단순한 이력서를 넘어 나만의 기술적 정체성을 표현하는 공간으로 설계했습니다.블로그 시스템을 통해 기술적 성장 과정을 기록하고, 피드백 시스템으로 방문자와의 소통 창구를 마련했습니다. 이를 통해 단순한 포트폴리오가 아닌 성장하는 개발자의 여정을 보여주는 살아있는 플랫폼으로 발전시켰습니다. 현재도 지속적으로 새로운 기능을 추가하며 기술적 도전을 이어가고 있습니다.