안녕하세요, hr0513입니다! 🥰 React에서 IntersectionObserver를 사용하여 요소가 화면에 보일 때 애니메이션을 실행하는 두 가지 방법을 소개하려고 합니다. IntersectionObserver는 특정 요소가 viewport 내에 들어왔을 때,또는 화면에서 벗어날 때 이를 감지하여 애니메이션 효과 작업을 수행할 때 사용할 수 있어요.1. 애니메이션을 한 번만 실행하는 코드import React, { useEffect, useRef, useState } from 'react';import styles from '../styles/ProjectCard.module.scss';const ProjectCard = ({ title }) => { const [isVisible, setIsV..
