AOS 사용법

---

1. npm을 통해 AOS를 설치한다.

터미널을 열고 다음의 커맨드를 입력한다.

npm install aos --save

2. AOS를 사용할 컴포넌트로 이동하자.

그리고 다음과 같이 AOS 파일들을 import 하면 된다.

import React, { useEffect } from "react";
import AOS from "aos";
import "aos/dist/aos.css";

3. useEffect 함수를 통해 AOS 를 초기화 해준다.

import React, { useEffect } from "react";
import AOS from "aos";
import "aos/dist/aos.css";

useEffect(() => {
  AOS.init();
})

data-aos 사용 준비 끝!
사용법은 다음의 페이지에 이해하기 쉽게 적혀있다.

AOS 홈페이지