React + Typscript에 AOS 라이브러리 사용법

AOS Install

npm install --save aos@next

또는

yarn add aos@next

 

AOS 타입스크립트 Install

npm i --save-dev @types/aos

또는

yarn add --save-dev @types/aos

타입스크립트는 AOS, types 둘다 설치 해야 됩니다.

사용 할 컴포넌트에 AOS import 

import React, { useEffect } from 'react';
import 'aos/dist/aos.css';
import './App.css';

&&

JSX

  useEffect(() => {
        AOS.init();
      }, [])

 

남은 사용법은 AOS 공식 페이지에서 확인 후 사용하시면 됩니다!

https://michalsnik.github.io/aos/

AOS - Animate on scroll library