소개
이 프로젝트에서는 특정 시간 간격 후에 빨간색에서 녹색으로 신호등 색상을 변경하는 시스템을 만드는 방법을 배우게 됩니다. 이 프로젝트는 JavaScript 의 기본 사항과 시간 기반 이벤트를 기반으로 다른 요소를 표시하기 위해 DOM 을 조작하는 방법을 이해하는 데 도움이 될 것입니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다.
- 기본 HTML 및 JavaScript 프로젝트 구조를 설정하는 방법
- 3 초 후에 신호등 표시를 빨간색으로 변경하는 함수를 구현하는 방법
- 6 초 후에 신호등 표시를 녹색으로 변경하는 함수를 구현하는 방법
- async/await를 사용하여 빨간색 및 녹색 신호등 함수의 실행을 조정하는 방법
- 신호등 시스템을 테스트하고 예상대로 작동하는지 확인하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다.
- JavaScript 를 사용하여 HTML 요소의 표시를 변경하기 위해 DOM 을 조작합니다.
- setTimeout() 을 사용하여 시간 기반 이벤트를 예약합니다.
- async/await를 사용하여 비동기 작업을 관리합니다.
- JavaScript 코드를 테스트하고 디버깅합니다.
