개인 포트폴리오 사이트
2025.03 -
💻 기술 스택
React
Next.js
Typescript
Jotai
Tanstack Query
Supabase
🧩 상세 설명
motion 라이브러리를 사용하여 애니메이션 적용
Next.js의 Intercepting Routes, Parallel Routes 기능을 활용하여 URL 기반 모달 구현
프로젝트 항목 클릭 시 프로젝트 상세 경로로 이동하면서 페이지 전환없이 모달이 나타나고, 직접 경로 접근 시 전체 페이지로 렌더링되도록 처리
AWS 기반 배포(AWS EC2, S3, CodeDeploy) 경험 (👉관련 포스트)
이후 비용과 운영 편의성을 고려해 Vercel로 전환