영상이 짧은 이유는 제가 예제를 미리 준비해뒀기 때문이에요. 불필요한 과정은 모두 스킵하고 핵심만 연습할 수 있습니다.
Fixed Position을 배우기 전에 Z-index 개념을 먼저 짚고 넘어갑니다. Fixed Position은 Viewport를 기준으로 동작하는데, 실습에서 프레이머 로고와 텍스트 레이어들로 입체적인 효과를 만들어봅니다.
Z-index는 레이어가 쌓이는 순서를 정하는 기능이에요. Z-index 값 설정시 주의할 점도 있으니 꼭 확인하세요.
가이드북
Part 1
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 🔄
