프론트엔드 초급 ② — 레이아웃·반응형 기초 | DAKER 학습

입문 · 약 120분

화면 크기가 달라져도 내용이 자연스럽게 배치되도록 웹 페이지를 구성하는 방법을 배웁니다. Flex와 Grid로 요소를 나란히 놓거나 격자로 배치하고, 모바일과 태블릿, 데스크톱에 맞춰 레이아웃을 조정합니다.

커리큘럼

• 한눈에 보는 개요
• 퀴즈 — 한눈에 보는 개요
• Flex로 한 줄·카드 배치
• 퀴즈 — Flex로 한 줄·카드 배치
• Grid와 미디어 쿼리
• 퀴즈 — Grid와 미디어 쿼리
• 미니 랩: 카드 그리드 반응형
• 퀴즈 — 미니 랩: 카드 그리드 반응형
• 단어 사전
• 퀴즈 — 단어 사전
• 플래시카드
• 실습: 반응형 카드 코드와 열 수 표