delayed js loading in SSR

개요

현재 각 섹션의 컴포넌트들이 Next의 렌더링 방식에 의해 SSR 형태로 가져와집니다.

(네크워크 탭에서 태그가 먼저 생성되는 것을 확인)

여기서 아래와 같이 새로고침할 때 이전에 생성된 컨텐츠가 잠깐 보이는 현상이 발생합니다.

refresh_issue

Introduction 섹션에서 GSAP을 사용해서 애니메이션을 적용한 상태기 때문에 스크립트가 새로고침 시 HTML 컨텐츠가 먼저 보인 후 스크립트가 적용되면서 애니메이션이 적용되는게 원인으로 추정됩니다.

Introduction 섹션에 JS가 완전히 로드될 때 까지 UI 표시를 방지하는 로직을 추가해서 해결해 볼 예정입니다.