프로젝트 의 JavaScript 스킬 트리

투표 애플리케이션 구축

중급

이 프로젝트에서는 사용자가 투표 옵션을 생성하고 관리하며, 필요에 따라 옵션을 삭제할 수 있는 투표 애플리케이션을 구축하는 방법을 배우게 됩니다. 이 애플리케이션은 또한 다중 선택 지원 및 공개 투표 결과 기능을 포함합니다.

javascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 사용자가 투표 옵션을 생성하고 관리하며, 필요에 따라 옵션을 삭제할 수 있는 투표 애플리케이션을 구축하는 방법을 배우게 됩니다. 또한, 이 애플리케이션은 다중 선택 지원 및 공개 투표 결과 기능을 포함합니다.

👀 미리보기

Voting app demo gif

🎯 과제

이 프로젝트에서 다음을 배우게 됩니다:

  • 투표 애플리케이션의 HTML 구조를 초기화하는 방법
  • 새로운 투표 옵션을 추가하는 기능을 구현하는 방법
  • 투표 옵션을 삭제하는 기능을 구현하는 방법
  • 기능이 예상대로 작동하는지 확인하기 위해 애플리케이션을 테스트하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다:

  • 투표 애플리케이션의 기본 HTML 구조 설정
  • JavaScript 를 사용하여 애플리케이션에서 투표 옵션을 동적으로 추가하고 제거
  • "옵션 추가" 버튼 및 삭제 아이콘 클릭과 같은 사용자 상호 작용 처리
  • 요구 사항을 충족하는지 확인하기 위해 애플리케이션 테스트
  • HTML, CSS 및 JavaScript 를 사용하여 대화형 웹 애플리케이션 구축

강사

labby
Labby
Labby is the LabEx teacher.