[Gsap 제대로 공부하기] useGSAP (1)

useGSAP HookGsap을 학습하면서 새로운 개념을 포함한 hook을 알게 되었다. useIsomorphicLayoutEffect hook, useGSAP hook..useIsomorphicLayoutEffect은 난 이렇게 이름 긴 hook 은 처음 본다.React만 사용했을 때에는 useEffect만으로도 충분했다. 모든 랜더링은 CSR로 진행되니 마운트 이후 컨트롤 하면 왠만해서는 에러는 나지 않았고만일 조금 빠른 DOM 크기 연산을 하고 싶다면 useLayoutEffect Hook을 사용하면 페인팅 전에 DOM 크기를 측정 할 수도 있다.근데 위 Hook은 Server에서 동일한 로직으로 실행할 수 있도록 해주는 Hook이다.import { useEffect, useLayoutEffect } from 'react'; // 클라이언트와 서버 모두에서 사용할 수 있는 훅 정의 const useIsomorphicLayoutEffect = typeof window !==