우리가 javascript로 스크롤 애니메이션을 구현할 경우 getBoundingClientRect() 메서드를 많이 사용하게된다. getBoundingClientRect() 메서드는 실제 element의 offset을 측정해주는데 이 메서드를 사용할 경우 메인스레드에서 실행되어 프로그램의 성능이 떨어진다. 이러한 문제를 보완하기위해서 나온 것이 intersection observer이다. intersection observer는 callback과 option을 사용하여 비동기로 DOM 요소의 가시성을 측정해준다. intersection observer를 사용해주기위해서 install을 해주자. npm i react-intersection-observer 스크롤 애니메이션을 구현해보기 전에 먼저 알아야할..