API 사용

API란 무엇입니까?

API(애플리케이션 프로그래밍 인터페이스)는 다른 웹사이트 및 앱에서 외부 사용을 위해 데이터를 제공하는 데 사용되는 서버입니다. URL을 통해 액세스되며 사용 중인 API에 따라 사용 가능한 데이터의 세부 사항과 액세스 방법이 다릅니다.

API에 접근하기 전에 API를 제공하는 서비스로 계정을 생성하고 API 키를 요청해야 합니다. 이 키는 고유하고 무작위입니다. 이를 통해 특정 사용자에 대한 API 사용을 추적할 수 있으므로 데이터 또는 시스템의 남용을 방지할 수 있습니다.

API에서 필요한 데이터를 얻으려면 가져오기 API 및 JavaScript 약속을 사용합니다.

fetch("url")
.then(function to run if successful)
.catch(function to run is unsuccessful)

외부 소스에 대한 Http 요청은 일반적으로 브라우저에 의해 차단됩니다. 브라우저에서 API 호출을 차단하지 않도록 하려면 fetch API 메서드를 사용하여 옵션 개체인 두 번째 매개변수를 제공할 수 있습니다.
{ mode: 'cors' }
위의 코드를 가져오기 메서드의 두 번째 매개 변수로 추가하면 외부 소스에 대한 http 요청에 대한 브라우저 차단을 우회할 수 있습니다.


.catch() 메서드는 거부된 약속을 포착하고 오류를 기반으로 무언가를 수행하는 함수를 트리거하는 데 사용됩니다.

비동기/대기

async/await 키워드는 JavaScript 약속을 위한 구문 설탕입니다. 비동기 함수를 선언하려면 함수를 선언할 때 "function"키워드 앞에 "async"키워드를 사용해야 합니다.

"async"키워드를 사용하면 함수가 약속을 자동으로 반환합니다. "async"키워드는 "function"키워드로 선언된 함수뿐만 아니라 모든 유형의 함수와 함께 사용할 수 있습니다.

"await"키워드는 비동기 함수가 작업을 수행할 때까지 기다린 다음 "await"키워드가 연결된 작업을 수행하도록 JavaScript에 지시하는 데 사용됩니다. ".then()"메서드 대신 사용됩니다. 이를 사용하여 약속이나 결과에 변수를 할당할 수 있습니다.
let result = await promise"
비동기 함수는 오류가 생성될 때 예외를 throw하지 않습니다. 대신 해결 또는 거부 여부에 관계없이 약속을 반환합니다.

함수를 호출할 때 ".catch()"메서드를 사용하여 이러한 함수의 오류를 처리할 수 있습니다.
asyncFunction().catch()
또는 실제 함수 내에서 try/catch 블록을 사용할 수 있습니다. 먼저 결과를 얻기 위해 "시도"하고 실패하면 오류를 "잡아"무언가를 수행합니다. 예를 들어

async function helloWorld() {
    try {
       console.log("hello world");
    } catch (error) {
       console.log(error);
    };
};