Skip to content
홈으로
개

개인 포트폴리오 웹사이트

2026.01 ~ 2026.04

SSR, 다크모드, 접근성을 고려한 개인 포트폴리오 웹사이트입니다. Next.js Pages Router를 활용한 정적 생성으로 빠른 로딩 속도를 제공하며, Tailwind CSS로 반응형 디자인과 다크모드를 구현했습니다. 웹 접근성을 준수하고, Layout 컴포넌트 패턴을 적용하여 유지보수성을 높였습니다.

주요 업무

  • Next.js Pages Router를 활용한 SSR 및 정적 생성 구현
  • Tailwind CSS로 반응형 디자인 및 다크모드 구현
  • ThemeContext 패턴으로 테마 상태 관리, FOUC 방지 처리
  • 웹 접근성 개선 (Skip to content, ARIA 레이블, 시맨틱 HTML)
  • Layout 컴포넌트 패턴 적용, 이미지 최적화

기술 스택

Next.jsReactTypeScriptTailwind CSS
GitHub