브레이크포인트와 프라이머리/베리언트 개념을 배웁니다. 이 두 가지만 제대로 이해하면 프레이머 필수 습관 4가지를 모두 마스터하게 됩니다. 설명이 조금 많지만 집중해서 따라오세요.
브레이크포인트는 반응형 웹에서 레이아웃이 변경되는 기준점이에요. 데스크탑 1200px, 태블릿 810px, 폰 390px로 구성하고 각 화면에 맞춰 디자인을 조정합니다. 먼저 생성된 데스크탑이 Primary(프라이머리)가 되고, 이후 추가되는 태블릿과 폰은 Variant(베리언트)가 됩니다.
프라이머리에서 수정하면 모든 베리언트에 자동 적용되지만, 베리언트에서 수정하면 다른 레이어에는 적용되지 않아요. 특히 베리언트에서 설정값을 수정하는 순간 동기화가 즉시 해제된다는 점을 꼭 기억하세요. Reset Overrides로 프라이머리 상태로 되돌리거나 Update Primary로 베리언트 기준으로 맞출 수 있습니다. 레이어 구조의 연속성을 유지하는 것도 매우 중요합니다.
가이드북
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 🔄
