모든 건강한 지식에 관한 이야기 나누기

자바스크립트에서 api를 사용하여 데이터를 가져와서 가공하는 작업에 대하여 좀더 공부하는 중입니다. 정말 유용한 정보가 있어서 같이 공유합니다. 자바스크립트 fetch API 자바스크립트에서는 fetch로 리소스를 비동기 요청을 할 수 있습니다. 주로 API를 호출하고 응답 데이터를 받아오는 데에 주로 사용합니다. REST API 리소스 샘플을 제공하는 https://jsonplaceholder.typicode.com/posts 을 사용해 보겠습니다. fetch 에는 기본적으로 첫 번째 인자에 요청할 url이 들어갑니다. default로 http 메소드 중 GET으로 동작합니다. 호출 시 해당 주소에 요청을 보낸 다음, 응답 객체(object Response)를 받습니다. 첫 번째 then에서 그 응답을..

IT/API 2023. 2. 18. 08:10

자바스크립트에서 fetch 부분을 보고 있는데, 코드작성에서 좀 이해가 안가는 부분이 있어서 chatGPT3 에게 물어보며 작업을 해 보았습니다. 나 : 이 자바 스크립트 코드를 수정 chatGPT : 물론입니다. 수정을 원하는 코드를 제공해 주세요. reponse = fetch(endpoint,options) .then((data) => {return data.json()}) .then((res) => {console.log(res)}) .catch(error => console.error(error)); 제공한 코드가 구문적으로 올바른 것 같습니다. 그러나 코드에서 endpoint및 이 options정의되고 유효하다고 가정한다는 점은 주목할 가치가 있습니다. 또한 반환된 응답이 fetch유효한 JSO..

IT/API 2023. 2. 18. 07:32

초보자를 위한 Axios vs Fetch 백엔드 또는 타사 API에 네트워크 요청을 해야 하는 애플리케이션을 구축할 때 Axios 및 Fetch와 같은 HTTP 클라이언트를 사용하여 이러한 요청을 수행합니다. 이 가이드에서는 Axios와 Fetch를 소개하고 비교하여 정보에 입각한 결정을 내릴 수 있도록 합니다. Fetch 및 Axios에 대한 간략한 개요 fetch()Fetch API는 네트워크 요청을 만들기 위해 호출되는 메서드를 노출하는 인터페이스입니다 . 최신 브라우저에 내장되어 있으므로 설치할 필요가 없습니다. node.js의 실험적 기능 으로도 사용할 수 있습니다 . Axios는 Content Distribution Network 또는 CDN을 통해 프로젝트에 추가하거나 npm 또는 yarn과..

IT/API 2023. 2. 18. 07:12

Fetch API 사용 Fetch API는 요청 및 응답과 같은 프로토콜 부분에 액세스하고 조작하기 위한 JavaScript 인터페이스를 제공합니다 . 또한 fetch()네트워크를 통해 리소스를 비동기적으로 가져오는 쉽고 논리적인 방법을 제공하는 글로벌 방법을 제공합니다. 이러한 종류의 기능은 이전에 XMLHttpRequest. Fetch.AI와 같은 다른 기술에서 쉽게 사용할 수 있는 더 나은 대안을 제공합니다 Service Workers. Fetch는 또한 CORS 및 HTTP 확장 과 같은 다른 HTTP 관련 개념을 정의하기 위한 단일 논리적 위치를 제공합니다 . 사양 은 다음과 같은 중요한 방식에서 fetch다릅니다 .jQuery.ajax() 반환된 Promise는 응답이 HTTP 404 또는 5..

IT 2023. 2. 18. 00:30