소개
이 프로젝트에서는 웹 애플리케이션에서 새로운 주소를 생성하고 관리하는 방법을 배우게 됩니다. 이 프로젝트는 시/도 - 시/군/구 계단식 드롭다운, 폼 유효성 검사, 레이블 스타일 지정 및 새로운 주소 렌더링을 구현하는 것을 포함합니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
data.js파일의 데이터를 사용하여 시/도 드롭다운을 초기화하는 방법- 시/도 - 시/군/구 계단식 드롭다운 기능을 구현하는 방법
- 태그 목록의 레이블에 클릭 이벤트를 추가하여 선택된 레이블을 활성화하고 다른 레이블을 비활성화하는 방법
- 새로운 주소를 저장하기 전에 주소, 연락처 및 전화번호 필드의 유효성을 검사하는 방법
- 새로운 주소 목록 항목을 생성하여 주소 목록에 추가하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- JavaScript 를 사용하여 DOM 을 조작
- 사용자 상호 작용 및 이벤트 처리
- 폼 유효성 검사 및 데이터 처리 구현
- HTML 요소를 동적으로 생성하고 추가
