프론트엔드 디자인 중급 ② — 반응형·컴포넌트 변형 | DAKER 학습

중급 · 약 125분

화면 너비에 따라 배치와 구성 요소의 형태를 바꾸는 방법을 익힙니다. 레이아웃이 전환되는 기준점을 정하고, 컴포넌트의 크기와 상태별 변형을 설계해 모바일부터 데스크톱까지 일관된 사용 흐름을 만듭니다.

커리큘럼

• 쉬운 개념부터: 같은 옷, 사이즈만 다르게
• 퀴즈 — 쉬운 개념부터: 같은 옷, 사이즈만 다르게
• 반응형·변형 개요
• 퀴즈 — 반응형·변형 개요
• 브레이크포인트와 레이아웃
• 퀴즈 — 브레이크포인트와 레이아웃
• 컴포넌트 variant 설계
• 퀴즈 — 컴포넌트 variant 설계
• 미니 랩: 카드 반응형 변형
• 퀴즈 — 미니 랩: 카드 반응형 변형
• 단어 사전
• 퀴즈 — 단어 사전
• 플래시카드
• 실습: 모바일·PC 설정 화면 비교표 적기