# Lazy loading

4개의 포스트
post-thumbnail

[React] 코드 분할

리액트에서의 코드 분할에 대해 알아보겠습니다. 유저가 처음 웹 페이지에 접속했을때 빌드된 main.js 파일을 로드한다고 생각해봅시다. 만약 프로젝트의 규모가 커진다면 main.js 파일의 크기 또한 커질 것이고 이를 로드하는데 많은 시간이 걸리므로 사용자 경험의 퀄리

2020년 9월 16일
·
0개의 댓글

React - Intersection Observer API를 이용한 lazy loading

이번에 1차 프로젝트를 하면서 가장 해보고 싶었던 Image Lazy Loading을 구현해봤다. 처음에는 라이브러리를 사용하려고 했으나 멘토 종택님께서 Intersection Observer API라는것을 알려주셔서 한 번 적용해봤다. 이게 없었다면 아마 하루종일 scroll 수치 계산을 하고 있었지 않을까 생각한다. 그만큼 간단하게 lazy loadin...

2020년 8월 2일
·
0개의 댓글
post-thumbnail

Intersection Observer API

안녕하세요 Marcus입니다. 요즘 벨로그에 Lazy-loading관련된 글이 많이 올라와서 관심있게보다가 Intersection Observer와 React Hooks를 이용해서 Lazy-loading과 Infinity Scroll을 구현해봤습니다. 시리즈로 진행

2020년 5월 6일
·
0개의 댓글
post-thumbnail

필요한 시점에 필요한 리소스 가져오기 : Lazy loading

프로그래머스 2020 Dev-Matching : 웹 프론트엔드 과제 복기 https://github.com/woohyeonjo/ilovecat

2020년 3월 29일
·
6개의 댓글