useLayoutEffect

useLayoutEffect

컴포넌트가 unmount 될 때 video의 src 태그를 한 번 비워줄 필요가 있었다. 기존 코드에서 video src 세팅을 ref로 분리하고, useEffect를 통해 처리하고자 하였다. 만약 기존 코드가 아래와 같았다면, const VideoPlayer = ({ videoUrl }: { videoUrl?: string }) => { return ; } 다음과 같이 수정하였다. const VideoPlayer = ({ videoUrl }: { videoUrl?: string }) => { const videoRef = useRef(null); useEffect(() => { if (videoRef.current && videoUrl) { videoRef.current.src = videoUrl; }..