From Design pattern
Jump to: navigation, search
(→‎Example)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
* 손승희 모두 점검완료 (이름 IPHONE --> iOS로 변경해둠 그대로 가져가셔도 되요)
+
Lazy loading은 데이터를 즉시 가져오지 않고 필요한 시점에 화면에 보이는 정보만을 가져오는  기법이다. Lazy loading을 통해 불필요한 로딩을 줄여, 로딩 시간을 빠르게 처리할 수 있다.
−
* 민경보 확인완료
+
 
−
* 김영태 모두 점검완료
+
화면의 이동이 곧, 보이는 화면의 로딩을 불러오는 조작방법이다.
−
*dynamic loading of a list(우리는 이 패턴을 만들지 않기로 결정함)와 흡사하지만 다른 패턴이네요. 현재 lazy 패턴은 dealing with data의 refresh 중분류에 넣어두고 중분류명을 'load items' 혹은 'load item' 혹은 'load more items'으로 바꾸는 것이 가능합니다.
+
 
 +
=== 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 : iOS_Breeze ===
 +
[[File:Lazy loading.jpeg]]
 +
 
 +
----
  
 
== Lazy loading ==
 
== Lazy loading ==
Line 26: Line 37:
 
{{#Widget:Vimeo|id=95771561|width=300|height=533}}
 
{{#Widget:Vimeo|id=95771561|width=300|height=533}}
  
−
[[Category: Ambiguous]]
+
[[Category: Refresh]]

Latest revision as of 17:03, 29 July 2014

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 : iOS_Breeze

Lazy loading.jpeg

Lazy loading

iOS_Replay

iOS_Breeze

iOS_Cameo

iOS_Bloomberg

iOS_Yahoo

iOS_JetSetter

iOS_ENow

Retrieved from "http://www.ixpatterns.com/index.php?title=Lazy_loading&oldid=109381"