# lazyloading

8개의 포스트
post-thumbnail

JPA EagerLoading과 LazyLoading 그리고 fetchJoin

1) EagerLoading : 특정 엔티티를 조회할 때 연관된 모든 엔티티를 같이 로딩, 즉시 로딩이라고 합니다.즉시 로딩은 연관된 엔티티를 모두 가져온다는 장점이 있지만,실무에서 엔티티간의 관계가 복잡해질수록 조인으로 인한 성능 저하를 피할 수 없게 됩니다.JPA에

2022년 6월 4일
·
0개의 댓글

[javascript]IntersectionObserver를 활용한 스크롤 lazy loading

프로젝트를 진행하면서 API 콜을 통해 데이터들을 받아오는데 받아온 데이터를 화면에 보여주고 싶다. 그런데 한 번에 모든 데이터를 다 보여주는 것은 성능에 무리가 있다.(10000개를 한 번에? 렉 걸리겠죠) 그래서 있는 개념이 레이지 로딩이다.레이지 로딩(lazy l

2022년 3월 11일
·
0개의 댓글
post-thumbnail

SpringBoot with JPA 프로젝트(N:1) 2.@ManyToOne,Lazy loading

JPA에서 관계를 고민할 때는 FK쪽을 먼저 해석하면 편리하다 앞에서 만든 Board 와 Member의 관계는 N:1(다대일) 관계가 되므로@ManyToOne 어노테이션을 적용해야 한다 @ManyToOne : DB상에서 외래키의 관계로 연결된 엔티티 클래스에 설정한다B

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

[TIL] 9월 6일

OrderSheet 와 OrderHistory의 관계는 OneToOne 이고 지연로딩으로 설정해놨다. 위의 findWithOrderSheetByUserId() 를 호출하면 해당 쿼리 이후에 아래와 같이 orderHistory의 select 쿼리가 나간다...orderH

2021년 9월 7일
·
0개의 댓글
post-thumbnail

[TIL] Lazy Loading

레이지 로딩이란 웹사이트에서 DOM이 로드되고 나서 컨텐츠를 불러 올때 이미지와 같이 용량이 큰 파일들을 일부러 늦게 로드하는 기법을 말한다. 이미지가 적다면 크게 문제가되진 않겠지만 수십개 또는 수백개라면 레이지 로딩을 하지 않고서는 수백개를 다 불러들어와야만 사용자

2021년 8월 18일
·
0개의 댓글
post-thumbnail

프로그래머스 데브매칭 무한스크롤

깃허브 repository여러 방법 중 Intersection Observer API 사용loading 속성의 경우 width : 100% 적용 시 width,height가 없어 레이지 로딩 불가observeBottomOf.js : element의 아래 부분에 도달할

2021년 2월 26일
·
0개의 댓글
post-thumbnail

이미지 지연 로딩 구현하기 (feat. custom-directive vs component)

custom-directive와 component방식으로 구현하는 이미지 지연로딩에 대해 간단히 비교해보자

2020년 3월 14일
·
1개의 댓글