Intersection Observer

Framer Motion과 Intersection Observer

Framer Motion과 Intersection Observer을 사용해 특정 요소가 화면에 보일 때 애니메이션이 동작하도록 해보려고 한다. 보통 랜딩페이지같은 부분에 사용을 하게 될 것 같은데 알아두면 여기저기 사용 가능할 것 같다. npm install framer-motion react-intersection-observer우선 당연한거지만 다운을 받아주게 된다. 완성된 코드부터 보자면import { motion } from 'framer-motion';import { useInView } from 'react-intersection-observer';function Animate(){ // Intersection Observer 설정 const { ref, inView } = useInVie..