# Lazy loading

9개의 포스트
post-thumbnail

사놓지(2), ES21 논리연산자, Lazy loading, base_url 등

ES21, 논리연산자, lazy loading, picture ...

2021년 4월 6일
·
0개의 댓글
post-thumbnail

스크롤을 내리면 새로운 컨텐츠 불러오기(lazy loading)

youtube api를 이용해서 유튜브 검색 결과를AJAX를 통해 받는 작업을 하고 있다.그런데 검색 결과를 한번에 엄청나게 가져온다면 웹에 크나큰 부담이될 것이고 그렇게 할 필요도 없다.초기에 10개의 검색결과만 불러오고 스크롤을 아래로 끝까지 내리면새로운 10개를

2021년 3월 4일
·
2개의 댓글
post-thumbnail

Intersection Observer를 활용한 Lazy Rendering - TypeScript

부스트 캠프에서 가계부 서비스를 개발하며 겪었던 난관 중 하나를 해결하는 과정에 대해 공유하고자 합니다. 프로젝트를 진행하며, 한 달간의 거래내역 페이지에서 거래내역 data의 양이 많을 때 랜더링 속도가 매우 느린 것을 관찰하였고 이를 개선하고자 무한스크롤을 구현하려

2020년 12월 24일
·
1개의 댓글
post-thumbnail

Image Lazy Loading

오늘은 등 운동을 조지고 자기 전에 lazy loading을 구현하는 2가지 방법을 정리해보려고 합니다. 방법은 아래와 같습니다.scroll eventIntersection Observer먼저 html파일 구조를 확인하세요.index.htmlwindow 객체에 스크롤

2020년 12월 3일
·
0개의 댓글

Lazy Loading & Caching in ORM

PyCon Korea에서 좋은 영상이 하나 올라왔다.Django ORM(QuerySet)에 대한 내용이다.주니어들이 ORM을 공부하면서 놓치기 쉽거나 몰랐던 내용이 많아공부하는데 정말 도움이 많이 되었다.ORM의 특징에 대해 다뤄보려고 한다.

2020년 11월 18일
·
0개의 댓글
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개의 댓글