상세 내용

1. Next.js의 app router 활용한 SSG 웹 제작
   • Server Component로 SSG 방식의 웹 제작
   • Intercept Routes 기능 활용하여 고유한 주소를 갖는 Modal 페이지 구현
2. Vercel 이용하여 배포
   • Vercel Postgresql 연결, 데이터 분리하여 관리
   • prisma를 사용하여 데이터베이스와 클라이언트를 연결, 데이터 스키마에 맞춰 타입 생성
   
3. Tailwind css 사용
   • 다크모드 대응
   • 반응형 대응 (375 ~ 640px / 640 ~ 768px / 768px ~ )
   
4. framer-motion 사용하여 애니메이션 구현
   • 메인페이지 애니메이션 구현, svg와 pathLength 속성 활용
   • 섹션이 view에 들어왔을 때 slideIn 하는 애니메이션 구현, isInView 속성과 stagger 기능 활용
   • 기술 섹션의 네비게이션에서 탭이 선택될 때 배경이 가로로 이동하여 나타나는 애니메이션 구현
5. 월 1회 정기 배포하며 유지보수
   • Github Issue에 월간 작업 목표 작성, Release branch 생성
   • 월 말에 Release branch를 main에 병합
   • main에 push시 Vercel CI/CD 통해 자동 배포