⭐ 포트폴리오

포트폴리오 사이트

⭐ 사용된 것들

▶ 사용 기술 : typescript, tailwindcss, framer-motion, react, github API

▶ 배포 : vercel

⭐ Github API를 왜 사용했는가?

▶ 이미지 로컬에 저장했으나, 프로젝트 용량이 커지고 데이터 손실이 쉽고 공유하기 어렵다는 단점 존재

▶ Custom Hooks를 사용해 API 정보(레포지토리-issues) 불러오기

▶ 블로그 정리 : Github API를 이용해 이미지 가져오기

⭐ 결과

▶ Github API를 사용해 프로젝트 내 저장된 이미지 삭제 → 총 2.16MB 감소

▶ next.js에서 react로 프로젝트 변경 시 차이점 알 수 있었음

🌕 로딩 속도가 빨라짐(정적 페이지만 존재할 경우, 동적 페이지 경우 next.js가 적용되는 것을 추천)
🌕 next.js에서 제공하는 hooks인 useTheme 대신 boolean 타입으로 설정

⭐ 포트폴리오 사이트 사진

🌕 첫 화면

🌕 메인 프로젝트

🌕 여러 프로젝트들

🌕 경력사항과 사용 언어