Coding/Javascript38 Javascript - fetch api(2) fetch(url, option) POST요청을 할 때는 option을 넣어줘야 한다. method, body는 필수이다. headers는 대부분 server에서 요구하는 경우가 많다. 보통 login을 할때 header에 access-token 값을 요구를 하면 headers에 access-token 값을 넣어서 보내야 한다. 기본적으로 content-type: application/json은 넣어주는데, POST 요청할 때 body를 json 형태로 보내겠다는 의미이다. 그래서 body에서 JSON.stringify로 데이터를 보낸다.(axios 라는 라이브러리를 사용하면 JSON.stringify 같은 메소드 없이 객체로 보낼 수 있는 장점이 있다.) 그리고 headers는 server에서 요구하는.. 2021. 3. 4. Javascript - fetch api(1) fetch api는 네트워크 통신을 통해 리소스 취득을 위한 인터페이스 이다. fetch(url, options) 하단에서 요청하는 방식은 GET 요청일 때 사용하는 방식이다. fetch를 리소스에서 데이터를 가지고 오지만, 결과를 확인해 보면 fetch는 promise 객체를 받아온다. 그렇기 때문에 받아온 데이터를 우리가 필요한 정보로 가공 할 수 있도록 코드를 해야한다. promise 객체를 받아오기 때문에, promise 메소드를 사용할 수 있다. 주로 사용하는방법은 fetch(url, options) .then(res=>res.json()) .then(data=>callback(data)) 이렇게 많이 사용을 한다. (기본적으로 options를 주지 않으면 method는 get요청을 한다.) c.. 2020. 8. 4. Javascript - 비동기 처리(3)(async await) callback - promise를 이어서 비동기 처리 방법으로 async await 방법이 있다. async awit은 비동기 처리를 하지만 코드를 동기적으로 표현할 수 있고, promise에 비해 보기가 쉽다 이전 promise의 예제를 그대로 async await을 적용을 하면 *promise 처리가 되어 있는 함수를 동기적으로 표현할 때 async를 사용한다. *result 함수를 보면 기존에 사용하던 동기적 처리처럼 코드를 작성할 수 있다. *async를 사용할 때 주의점은 함수앞에 async를 선언을 해줘야 하고, await을 사용 가능하다. *async를 빼고 await은 사용할 수 없다. #Javascript#codestates#async#async-await#비동기처리 2020. 7. 17. Javascript - 비동기처리(2)(Promise) Callback을 더 간단하게 정리하기 위해 Promise 사용해서 callback 지옥을 벗어 날 수 있다. 하지만, promise도 chaining으로 지옥으로 들어 갈수 있다는 점을 간과해서는 안된다. Promise 개념을 도식화 하면 하기 그림과 같다. Promise의 중요한 개념은 fullfill과 reject인데 fullfill은 이행하다 뜻을 가지고 있고 reject는 거절하다 라는 뜻을 가지고 있다. promise로 들어온 값이 에러면 reject를 실행해서 에러를 출력해주고, 에러값이 아니면 fullfill이 실행되어서 실행이 된다. 이후 pending 상태가 되어 다음 값을 기다리는 상태가 된다. 즉, 기다림(pending) -> 이행(fullfill) -> 기다림(pending)이거나.. 2020. 7. 16. 이전 1 2 3 4 5 ··· 10 다음 반응형
