Portfolio
Next.js 13.4.1 버전을 이용하여 구현한 포트폴리오 웹페이지입니다.
🔗 서비스 링크
🛠️ 사용 기술
Next.js
Typescript
Tailwindcss
Scss
Git
Github
💻 작업 내용
- Lighthouse를 이용한 웹 성능 및 웹 접근성 검사
- 검색엔진 최적화를 위한 작업 수행
- Robots.txt 파일 작성
- 페이지별 Route 경로에 따른 정적 Sitemap 작성
- 페이지별 Meta 태그 작성
- Semantic 태그 작성
- 반응형 UI 구현
- Gsap Lib를 이용한 애니메이션 구현
👨👨👦 참가 인원
- 개인 프로젝트
📺 미리 보기
Lighthouse 측정 결과 👇👇
gsap 라이브러리를 이용한 애니메이션 👇👇
스크롤 위치에 따른 목차 하이라이팅 👇👇
멀티 캐러셀(버튼 슬라이드, 드래그 슬라이드) 👇👇
