Line 1: | Line 1: | ||
− | * | + | Lazy loading은 데이터를 즉시 가져오지 않고 필요한 시점에 화면에 보이는 정보만을 가져오는 기법이다. Lazy loading을 통해 불필요한 로딩을 줄여, 로딩 시간을 빠르게 처리할 수 있다. |
+ | |||
+ | 화면의 이동이 곧, 보이는 화면의 로딩을 불러오는 조작방법이다. | ||
+ | |||
+ | === With this pattern, we can solve... === | ||
+ | 사이즈가 큰 데이터를 로딩하거나, 화면에 나타나지 않는 데이터까지 로딩하게 될 경우, 페이지의 로딩이 느려질 수 있다. 보이는 부분만 로딩하는 Lazy loading을 통해 빠르고 필요한 데이터만 로딩할 수 있다. | ||
+ | |||
+ | * 화면에 보이는 부분만 데이터가 로딩되기 때문에 스크롤을 빨리 움직이는 등 화면의 전환을 급격하게 할 경우, 새로운 데이터의 로딩을 실시간으로 확인할 수 있다. | ||
+ | * 주로 가장 최근의 데이터를 먼저 로딩한 상태에서 그 전의 데이터에 대한 로딩을 추가적으로 진핻한다는 면에서 Dynamic loading of a list와 흡사하지만, Dynamic loading of a list의 경우, 새로운 데이터의 로딩이 일괄적으로 일정 분량이 한꺼번에 진행되어, 진행되는 동안 progress wheel과 같은 인디케이터를 보여주며 모든 로딩이 완료되기 전까지 새로운 데이터를 확인할 수 없다면, Lazy loading은 화면에 나타나는 분량의 데이터를 실시간으로 바로 로딩해준다는 점에서 차이가 있다. | ||
+ | * 이미 로딩이 진행되어 화면에 데이터가 나타난 상황에서, 실시간으로 생성되고 있는 최신의 데이터를 가져오는 경우는 [[Pull to refresh]]에 해당한다. | ||
+ | |||
+ | === Example === | ||
+ | [[File:Lazy loading.jpeg]] | ||
+ | |||
+ | ---- | ||
== Lazy loading == | == Lazy loading == |
Lazy loading은 데이터를 즉시 가져오지 않고 필요한 시점에 화면에 보이는 정보만을 가져오는 기법이다. Lazy loading을 통해 불필요한 로딩을 줄여, 로딩 시간을 빠르게 처리할 수 있다.
화면의 이동이 곧, 보이는 화면의 로딩을 불러오는 조작방법이다.
사이즈가 큰 데이터를 로딩하거나, 화면에 나타나지 않는 데이터까지 로딩하게 될 경우, 페이지의 로딩이 느려질 수 있다. 보이는 부분만 로딩하는 Lazy loading을 통해 빠르고 필요한 데이터만 로딩할 수 있다.