프론트엔드 디자인 중급 ③ — 인터랙션·상태(로딩·에러·빈화면) | DAKER 학습

중급 · 약 125분

사용자의 동작과 처리 상황에 따라 화면이 어떻게 반응해야 하는지 설계합니다. 버튼에 마우스를 올렸을 때의 변화부터 로딩, 오류, 데이터가 없는 화면까지 다루며 상황을 알리고 다음 행동을 안내하는 방법을 익힙니다.

커리큘럼

• 쉬운 개념부터: 버튼도 기분이 있다
• 퀴즈 — 쉬운 개념부터: 버튼도 기분이 있다
• 상태 UI 지도 개요
• 퀴즈 — 상태 UI 지도 개요
• 로딩·스켈레톤 설계
• 퀴즈 — 로딩·스켈레톤 설계
• 빈화면·에러·복구
• 퀴즈 — 빈화면·에러·복구
• 미니 랩: 목록 상태 세트
• 퀴즈 — 미니 랩: 목록 상태 세트
• 단어 사전
• 퀴즈 — 단어 사전
• 플래시카드
• 실습: 파일 업로드 5상태 표