낭 만 당

작년 11월, 프론트엔드 프로젝트에 참여하면서 Next.js 라는 프론트엔드 프레임워크에 대해서 배웠다. 그때 했던 토이프로젝트들..https://github.com/seongyun4359/Board-NextJS GitHub - seongyun4359/Board-NextJS: NextJS TypeScript를 활용한 웹 보드NextJS TypeScript를 활용한 웹 보드 . Contribute to seongyun4359/Board-NextJS development by creating an account on GitHub.github.com https://github.com/seongyun4359/Weather-Dashboard GitHub - seongyun4359/Weather-Dashboard:..

웹 개발 중에 초기 렌더링이 너무 느리다는 판단을 했다.이를 어떻게 해결할지 알아보다가, lazy loading에 대해 알게 되었다. 웹 페이지가 사용자에게 빠르게 보여지는 것은 사용자 경험(UX)의 핵심이다.페이지가 느리게 로딩되면 사용자는 금세 떠나버리며, 이는 트래픽 손실로 이어진다.이를 방지하기 위해 다양한 성능 최적화 기법이 사용되는데, 그 중 Lazy Loading(지연 로딩)은 이미지, 비디오, 콘텐츠 로딩 최적화에서 매우 효과적인 방식이다. 이 글에서는 Lazy Loading의 개념과 작동 방식, 구현 방법, 그리고 실제 적용 시 유의할 점까지 종합적으로 설명한다.Lazy Loading은 웹 페이지가 로드될 때, 사용자가 당장 보지 않는 콘텐츠는 나중에 필요할 때 로드하는 방식이다. 즉, ..