Project Log

부드러운 전체 스크롤 설치(Lenis)

loeybho 2024. 6. 4. 20:31
반응형

공부 계기 📚

https://lenis.darkroom.engineering/

 

Lenis를 이용하여 포트폴리오에 부드러운 전체 스크롤을 설치해보자. 

- 부드럽고, 쾌적한 경험을 제공
- 시각적인 인상을 향상시킨다.

 

 

활용 예시 🪄

설치 방법은 굉장히 심플하다.

1. 라이브러리 설치

npm i lenis

 

 

2. 관련 코드를 메인에 넣기

const lenis = new Lenis()

function raf(time) {
  lenis.raf(time)
  requestAnimationFrame(raf)
}

requestAnimationFrame(raf)

 

 

 


 

 

요즘 영상으로 개발 공부하고 있는데, 막연히 읽는 것보다 확실히 효과가 좋다. 나와 핏이 맞는 선생님을 찾는 것이 중요하다.

 

영상 + 읽기 + 프로젝트 경험을 잘 버무리며 해나가는 것이 중요하다.

 

치우치지 않고 꾸준히

반응형