저의 포트폴리오를 보여주기 위한 웹 사이트 입니다. 간단한 자기소개와 그동안 했던 프로젝트를 담았습니다.
-
간단한 자기소개
-
나의 프로젝트 소개
-
개인 프로젝트
-
React(Hooks) 및 Javascript ES6+ 문법을 사용한 정적 웹 페이지 개발
-
SCSS문법을 사용한 CSS관리
-
GSAP과 Intersection Observer를 사용한 인터렉티브 웹 구현
-
Next.js를 사용한 정적 웹 페이지의 서버사이드렌더링
-
반응형 웹 페이지
-
Vercel을 이용한 배포
Intersection Observer를 사용한 애니메이션 만들기
모달창과 스크롤 고정
처음 도입하는 기술들이 많았던 프로젝트지만 이전에 Vue로 프로젝트를 해본 경험이 있었기에 빠르게 배울 수 있었습니다. 덕분에 새로운 기술을 배우고 적용하는 것에 대한 자신감이 생겼습니다.
또, 자유롭게 인터랙티브 웹을 적용해 보면서 애니메이션이 어떻게 구현되는지 배울 수 있었고, 반응형 웹 페이지도 학습해 볼 수 있었기에 재밌었던 프로젝트입니다.
마지막으로 Vercel을 이용해 처음으로 정적 웹사이트의 배포를 경험해 볼 수 있었습니다.
npm install
npm run dev