프로젝트 의 JavaScript 스킬 트리

Axios 기반 주문 암호 보물 찾기

초급

이 프로젝트에서는 Axios 를 사용하여 인증 헤더와 함께 요청을 보내고 응답 데이터를 기반으로 DOM 을 업데이트하는 방법을 배우게 됩니다. 신비로운 주문의 일부를 얻기 위해 서버와 상호 작용하는 간단한 웹 애플리케이션을 구축하게 됩니다.

javascriptweb-development

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

소개

이 프로젝트에서는 Axios 를 사용하여 인증 헤더와 함께 요청을 보내고, 응답 데이터를 기반으로 DOM 을 업데이트하는 방법을 배우게 됩니다. 신비로운 주문의 일부를 얻기 위해 서버와 상호 작용하는 간단한 웹 애플리케이션을 구축할 것입니다.

👀 미리보기

웹 앱 상호 작용 미리보기

🎯 과제

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

  • 프로젝트를 설정하고 초기 코드를 얻는 방법
  • "Key 1" 버튼의 기능을 구현하는 방법
  • "Key 2" 버튼의 기능을 구현하는 방법
  • 얻은 주문 부분을 기반으로 보물 상자를 열 수 있는지 확인하는 방법

🏆 성과

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

  • Axios 를 사용하여 사용자 정의 헤더와 함께 HTTP 요청을 보낼 수 있습니다.
  • 동적 콘텐츠를 표시하기 위해 DOM 을 조작할 수 있습니다.
  • 특정 조건을 확인하기 위해 조건부 로직을 구현할 수 있습니다.
  • 웹 개발 프로젝트를 완료하기 위해 단계별 지침을 따를 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.