FETCH 2

[React] 리액트에서 axios 사용하기

애플리케이션을 만들때 , 서버의 API를 호출하여 사용하는 경우 네트워크 송수신 과정에서 시간이 걸린다. 따라서 응답을 받을 때까지 기다렸다가 전달 받아서 처리한다. 이때 만약 동기적으로 처리한다면 ? 요청이 끝날때 까지 다른 일을 할 수 없기때문에 효율적이지 않을것이다. 따라서 이과정을 비동기적으로 처리하게 된다! Q. 비동기에 대해 더 자세히 알고 싶다면? https://mandelina-code.tistory.com/67 [JS] Promise (feat. 동기,비동기가 뭘까?) Promise를 들어가기 앞서 , 우리가 알아야할 것은 비동기 이해이다. 비동기 - 비동기 실행이란 순차적으로 수행이 완료되면 다음수행이 실행되는 것이 아니라 동작이 완료되지 않아도 다음코드가 mandelina-code.t..

FE/REACT 2022.06.20

[JS] Fetch

HTTP 요청 전송 기능을 제공하는 클라이언트 사이드 Web API 인 fetch Fetch ? - 비동기 네트워크 통신을 구현하기 위해 사용하는 Web API - HTTP 요청 전송 기능을 제공 - Ajax를 지원하는 비교적 최신 기술 - IE를 제외한 대부분 브라우저에서 제공 Fetch 함수의 기본 구조 const promise = fetch(resource, [options]) resource : HTTP 요청 보낼 URL (필수) options : method , headers , body (선택) default값은 GET Fetch 함수 동작 과정 - fetch 함수는 promise 객체 + 응답 헤더 + 응답몸체 반환 - promise 객체엔 HTTP 응답에 관한 정보가 있는 Response ..

FE/JavaScript 2022.05.25