프론트엔드 디자인 중급 ① — 디자인 시스템·토큰 감각 | DAKER 학습
중급 · 약 125분
여러 화면에서 같은 디자인 규칙을 쓰도록 색상, 간격, 글자 크기를 이름이 있는 값으로 관리합니다. 이 값을 디자인 토큰으로 묶어 컴포넌트에 연결하고, 공통 기준에 따라 화면을 일관되게 구성하는 방법을 익힙니다.
커리큘럼
- 쉬운 개념부터: 색·간격의 공동 화폐
- 퀴즈 — 쉬운 개념부터: 색·간격의 공동 화폐
- 디자인 시스템·토큰 개요
- 퀴즈 — 디자인 시스템·토큰 개요
- 원시·시맨틱 토큰 설계
- 퀴즈 — 원시·시맨틱 토큰 설계
- 컴포넌트에 토큰 연결
- 퀴즈 — 컴포넌트에 토큰 연결
- 미니 랩: 미니 토큰 세트
- 퀴즈 — 미니 랩: 미니 토큰 세트
- 단어 사전
- 퀴즈 — 단어 사전
- 플래시카드
- 실습: 알림 배너 색상·공통 규칙표 적기