소개
이 프로젝트에서는 2022 년 올림픽에 대한 만족도를 재미있고 상호작용적인 방식으로 표현할 수 있는 빙둔둔 무드 스케일 (Bing Dwen Dwen Mood Scale) 을 만드는 방법을 배우게 됩니다. 빙둔둔 마스코트는 세계적인 센세이션을 일으켰으며, 이 프로젝트를 통해 빙둔둔과 상호작용하고 전반적인 만족도를 평가할 수 있습니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- 초기 무드 상태를 "불만족 (dissatisfied)"으로 설정하여 빙둔둔 무드 스케일을 초기화하는 방법
- 진행률 표시줄의 위치에 따라 빙둔둔의 무드를 업데이트하여 다양한 수준의 만족도를 반영하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- 사용자 입력에 따라 HTML 요소의 모양을 변경하기 위해 DOM (Document Object Model, 문서 객체 모델) 을 조작합니다.
- 사용자 상호 작용에 응답하기 위해 JavaScript 이벤트 핸들러를 사용합니다.
- 요소에 CSS 클래스를 적용하여 시각적 모양을 변경합니다.
