•
useDebounce custom hook을 활용한 스크롤 최적화
◦
onWheel 이벤트의 값이 항상 저장되는 것이 아닌 200ms 간격마다 저장되도록 최적화
◦
이벤트의 값을 활용하여 세로 휠 이벤트로 가로스크롤이 동작하도록 함
•
framer-motion을 활용한 애니메이션 적용
◦
스크롤 애니메이션
◦
플로팅 애니메이션
•
recoil을 활용한 custom cursor 적용
•
SEO 개선
◦
개선사항
▪
시멘틱 태그 활용
▪
robot.txt, sitemap.xml
▪
<meta> 태그 활용
•
스크린리더 UX 개선
•
media query와 useWindowSize custom hook 을 활용한 반응형 구현