[React] 리액트 스크롤 애니메이션 라이브러리 개발

📒 @lasbe/react-scroll-animation

---

@lasbe/react-scroll-animation

GitHub - LasBe-code/react-scroll-animation: 리액트로 손쉽게 스크롤 애니메이션을 구현할 수 있는 라이브

예전에 개인 프로젝트 할 때 스크롤 애니메이션을 구현하고 글까지 남겼었습니다.

2023.08.06 - [React] - [React] 스크롤 애니메이션, IntersectionObserver + styled-components

 

프로젝트를 마치고 난 한참 후 쓸데없이 어려워 보이는 이 기능을 정말 간단한 사용성을 갖춘 모듈로 만들 자신감과 추후 다른 프로젝트를 할 때 써먹어야겠다는 생각으로 제작하게 됐습니다.

 

완성하고 문서까지 작성한지는 몇 달 됐는데 귀찮아서 미뤄두고 있다가 이제야 블로그에 글을 올려봅니다.

 

먼저 그나마 완성도 있는 패키지를 배포한 소감을 말해보자면, 거의 모든 의존성을 제거하고 편리하게 사용하도록 설계하며 완성도를 높이려는 과정에서 한 단계 더 성장한 느낌이 드네요.

 

그럼 각설하고 사용 방법에 대해 알려드리겠습니다.

 

📌 예제 살펴보기

먼저 어떻게 사용하는지 살펴보는게 더 낫겠죠?

 

📌 install

$ npm i @lasbe/react-scroll-animation

 

📌 <ScrollAnimation /> Props

옮기기 귀찮아서 사진으로 떼웁니다.

 

나머지 더 자세한 내용들은 깃허브나 npm에서 확인 바랍니다.

 

아직 부족한 점이 많기 때문에 아쉬운 점을 찾으셨을 때 연락 주시면 감사하겠습니다.