두번째 비디오 있는 구간

‘입과 하나’라는 텍스트 부분에서 새로고침하면 아무것도 안보이는 버그가 발생한다.
스크롤 이벤트 발생 시에 그림을 그리도록 했기 때문이다.

해결방법

새로고침시 살짝 강제로 스크롤이 발생하도록 한다.

window.addEventListener('load', () => {
    window.scrollTo(0, 200);
})

그런데 위와 같이 적용하면 스르륵 가는 것이 아니라 한번에 ‘뚝’ 이동한다.
즉 시간차 실행이 필요하다.
setInterval

setInterval을 중지시키는 방법은 간단하다.
clearInterval을 사용하면 된다.