*예제 중 히어로 섹션 아래 보이는 "Card 8 Accordian" 섹션은 이전에 Chatper.3-5 다채로운 인터렉션 예제로 만들었다가 교체된 자료에요. 이번 커리큘럼에서 다루지 않은 내용이니까 이점 참고해 주시면 되겠습니다. 이번 시간에는 단순히 이펙트를 적용해보는 연습 자료로만 활용해보세요!
스크롤을 내리면 콘텐츠가 하나씩 자연스럽게 등장하는 효과, 어떻게 만드는 걸까요? 트리거의 기준만 정확히 이해하면 몇 가지만 알아두면 어렵지 않아요.
이번 강의에서는 Layer View와 Section View 두 트리거의 차이를 실제 예제로 직접 비교해보며 정리합니다. 세로 크기가 제각각인 카드 그리드에서 Section View를 쓰는 이유, 딜레이로 순차 등장 타이밍을 잡는 방법까지 짚어봐요. 스크롤 위치에 따라 나타났다 사라지는 Top 버튼도 함께 만들어볼 거예요.
chapter1-1
Item Counter 🔄
chapter1-2
Item Counter 🔄
chapter1-3
Item Counter 🔄
chapter2-1
Item Counter 🔄
chapter2-2
Item Counter 🔄
chapter2-3
Item Counter 🔄
chapter2-4
Item Counter 🔄
chapter2-5
Item Counter 🔄
chapter2-6
Item Counter 🔄
chapter2-7
Item Counter 🔄
chapter2-8
Item Counter 🔄
chapter3-1
Item Counter 🔄
chapter3-2
Item Counter 🔄
chapter3-3
Item Counter 🔄
chapter3-4
Item Counter 🔄
chapter3-5
Item Counter 🔄
chapter3-6
Item Counter 🔄
chapter3-7
Item Counter 🔄
chapter3-8
Item Counter 🔄
chapter4-1
Item Counter 🔄
chapter4-2
Item Counter 🔄
chapter4-3
Item Counter 🔄
chapter4-4
Item Counter 🔄
chapter4-5
Item Counter 🔄
chapter4-6
Item Counter 🔄
chapter4-7
Item Counter 🔄
chapter4-8
Item Counter 🔄
chapter4-9
Item Counter 🔄
chapter4-10
Item Counter 🔄
chapter5-1
Item Counter 🔄
chapter5-2
Item Counter 🔄
chapter5-3
Item Counter 🔄
chapter5-4
Item Counter 🔄
chapter5-5
Item Counter 🔄
chapter5-6
Item Counter 🔄
chapter6-1
Item Counter 🔄
chapter6-2
Item Counter 🔄
chapter6-3
Item Counter 🔄
chapter6-4
Item Counter 🔄
chapter6-5
Item Counter 🔄
chapter6-6
Item Counter 🔄
chapter6-7
Item Counter 🔄
chapter7-1
Item Counter 🔄
chapter7-2
Item Counter 🔄
chapter7-3
Item Counter 🔄
chapter7-4
Item Counter 🔄
chapter7-5
Item Counter 🔄
chapter7-6
Item Counter 🔄
chapter7-7
Item Counter 🔄
chapter8-1
Item Counter 🔄
chapter8-2
Item Counter 🔄
chapter8-3
Item Counter 🔄
chapter9-1
Item Counter 🔄
chapter9-2
Item Counter 🔄
chapter9-3
Item Counter 🔄
chapter9-4
Item Counter 🔄
chapter9-5
Item Counter 🔄
chapter1-1
Item Counter 🔄
chapter1-2
Item Counter 🔄
chapter1-3
Item Counter 🔄
chapter2-1
Item Counter 🔄
chapter2-2
Item Counter 🔄
chapter2-3
Item Counter 🔄
chapter2-4
Item Counter 🔄
chapter2-5
Item Counter 🔄
chapter2-6
Item Counter 🔄
chapter2-7
Item Counter 🔄
chapter2-8
Item Counter 🔄
chapter3-1
Item Counter 🔄
chapter3-2
Item Counter 🔄
chapter3-3
Item Counter 🔄
chapter3-4
Item Counter 🔄
chapter3-5
Item Counter 🔄
chapter3-6
Item Counter 🔄
chapter3-7
Item Counter 🔄
chapter3-8
Item Counter 🔄
chapter4-1
Item Counter 🔄
chapter4-2
Item Counter 🔄
chapter4-3
Item Counter 🔄
chapter4-4
Item Counter 🔄
chapter4-5
Item Counter 🔄
chapter4-6
Item Counter 🔄
chapter4-7
Item Counter 🔄
chapter4-8
Item Counter 🔄
chapter4-9
Item Counter 🔄
chapter4-10
Item Counter 🔄
chapter5-1
Item Counter 🔄
chapter5-2
Item Counter 🔄
chapter5-3
Item Counter 🔄
chapter5-4
Item Counter 🔄
chapter5-5
Item Counter 🔄
chapter5-6
Item Counter 🔄
chapter6-1
Item Counter 🔄
chapter6-2
Item Counter 🔄
chapter6-3
Item Counter 🔄
chapter6-4
Item Counter 🔄
chapter6-5
Item Counter 🔄
chapter6-6
Item Counter 🔄
chapter6-7
Item Counter 🔄
chapter7-1
Item Counter 🔄
chapter7-2
Item Counter 🔄
chapter7-3
Item Counter 🔄
chapter7-4
Item Counter 🔄
chapter7-5
Item Counter 🔄
chapter7-6
Item Counter 🔄
chapter7-7
Item Counter 🔄
chapter8-1
Item Counter 🔄
chapter8-2
Item Counter 🔄
chapter8-3
Item Counter 🔄
chapter9-1
Item Counter 🔄
chapter9-2
Item Counter 🔄
chapter9-3
Item Counter 🔄
chapter9-4
Item Counter 🔄
chapter9-5
Item Counter 🔄
