책들
TypeScript
제11장. HTML과 웹
HTTP 요청 보내기

TypeScript:
HTTP 요청 보내기

How to: (방법)

fetch API와 axios 라이브러리를 사용한 예제입니다. 먼저 기본적인 fetch 사용법을 보여 드리겠습니다.

// fetch 사용하기
async function fetchData(url: string): Promise<void> {
  try {
    const response = await fetch(url);
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('요청 중 오류가 발생했습니다:', error);
  }
}

fetchData('https://api.example.com/data');

axios를 사용하면 다음과 같습니다:

// axios 설치 필요: npm install axios
import axios from 'axios';

async function fetchData(url: string): Promise<void> {
  try {
    const response = await axios.get(url);
    console.log(response.data);
  } catch (error) {
    console.error('요청 중 오류가 발생했습니다:', error);
  }
}

fetchData('https://api.example.com/data');

Deep Dive (심층 분석)

HTTP 요청을 보내는 것은 웹의 기본입니다. XMLHttpRequest는 과거엔 많이 사용되었지만, 복잡하고 사용하기 불편했습니다. fetch는 더 간결하고 modern한 대안이며, 프로미스를 반환합니다. axios는 fetch보다 기능이 다양하며 인터셉터, 요청 취소 등 추가 기능을 제공합니다.

See Also (더 보기)

HTML 파싱기본 인증을 사용한 HTTP 요청 보내기