개인 포트폴리오 사이트 만들기

1. 개요

---

프로젝트명 : 포트폴리오 만들기

기술 스택 : Scss, JS, React.JS
프로젝트 기간 : 2023.11.04 ~ 2023.11.07 (4일)

---

- 프로젝트 설명

• 포트폴리오 사이트 만들기
• 포트폴리오 배포하기(네트리파이)

- 프로젝트 문제 해결 

• 문제
  • CONTACT 섹션에서 그림자 애니메이션이 딜레이가 발생
  • 이벤트 핸들러가 과도하게 실행되어 성능이 저하
• 해결
  • GSAP 라이브러리를 활용하여 그림자 애니메이션을 개선
  • 코드를 더 간결하게 작성하여 성능을 향상

 

- 기존 코드

 

- 개선 코드

2. GIT

GitHub - SIM-TOO/portfolio2023

 

 

3. 결과영상

 

3. 배포사이트

 

https://sim-too-portfolio.netlify.app/

SIM-TOO portfolio