반응형 next/dynamic1 next/dynamic과 Lazy Loading을 알아보자 서버사이드 렌더링을 하는데 클라이언트사이드 렌더링 환경에서만 돌아가는 코드를 실행해보려고 한 적 있으신가요?!오류를 만납니다 빨강빨강!!!! 이런 경우에 next/dynamic 패키지를 사용해 레이지 로딩 처리하면 간단하게 해결 가능해요!!! 알아보죠!Lazy Loading리소스를 필요한 경우에만 불러오는 전략필요한 경우에만 불러오기 때문에 초기 로딩 속도를 향상시킬 수 있다.!ex) 이미지가 100장 있다고 친다면 100장을 다 불러오려고 하는데 사용자 경험이 매우 나빠질 것이다.하지만 사용자가 보는 가시영역만 불러온다면? 속도가 빠를 수 있을 것이다.이런식으로 필요할 때 불러오는게 Lazy Loading 이미지나 라이브러리 컴포넌트 단위로도 Lazy Loading이 가능하다.필요 시 로드사용자가 특정.. 2024. 6. 13. 이전 1 다음 반응형
