YouPLe9999 / Portfolio

나의 포트폴리오 사이트

My-Portfolio Link

포트폴리오 바로가기

이미지

기획의도

저의 포트폴리오를 보여주기 위한 웹 사이트 입니다. 간단한 자기소개와 그동안 했던 프로젝트를 담았습니다.

기술 스택

기능 요약

• 간단한 자기소개

• 나의 프로젝트 소개

담당 파트

• 개인 프로젝트

• React(Hooks) 및 Javascript ES6+ 문법을 사용한 정적 웹 페이지 개발

• SCSS문법을 사용한 CSS관리

• GSAP과 Intersection Observer를 사용한 인터렉티브 웹 구현

• Next.js를 사용한 정적 웹 페이지의 서버사이드렌더링

• 반응형 웹 페이지

• Vercel을 이용한 배포

문제 해결 및 메모

Intersection Observer를 사용한 애니메이션 만들기
모달창과 스크롤 고정

프로젝트 후기, 느낀점

처음 도입하는 기술들이 많았던 프로젝트지만 이전에 Vue로 프로젝트를 해본 경험이 있었기에 빠르게 배울 수 있었습니다. 덕분에 새로운 기술을 배우고 적용하는 것에 대한 자신감이 생겼습니다. 또, 자유롭게 인터랙티브 웹을 적용해 보면서 애니메이션이 어떻게 구현되는지 배울 수 있었고, 반응형 웹 페이지도 학습해 볼 수 있었기에 재밌었던 프로젝트입니다.
마지막으로 Vercel을 이용해 처음으로 정적 웹사이트의 배포를 경험해 볼 수 있었습니다.

Install JavaScript Packages

npm install

Run Frontend Server

npm run dev