소개
이 프로젝트에서는 JavaScript 를 사용하여 백엔드 서버에서 데이터를 가져와 웹 페이지에 결과를 표시하기 위해 AJAX (Asynchronous JavaScript and XML) 요청을 구현하는 방법을 배우게 됩니다.
👀 미리보기
🎯 과제
이 프로젝트에서는 다음을 배우게 됩니다:
- HTML 을 사용하여 웹 페이지에 검색 상자와 검색 버튼을 만드는 방법
- 검색 버튼에 이벤트를 바인딩하고 입력 필드에서 검색 텍스트를 검색하는 방법
- JavaScript 를 사용하여 검색 텍스트를 매개변수로 백엔드 서버에 AJAX GET 요청을 보내는 방법
- 서버에서 반환된 JSON 데이터를 파싱하고 웹 페이지에 검색 결과를 표시하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- JavaScript 를 사용하여 백엔드 서버에서 데이터를 가져오기 위해 AJAX (Asynchronous JavaScript and XML) 요청을 구현합니다.
- 동적으로 HTML 요소를 생성하고 추가하여 웹 페이지에 검색 결과를 표시합니다.
- 사용자 친화적인 방식으로 검색 결과를 형식화하고 표시합니다.
