비동기 (3) 썸네일형 리스트형 Section2 Unit3 JS/Node 비동기 - fetchAPI Section2 Unit3 [JS/Node] 비동기 - fetchAPI 📌 Chapter4. fetch API • Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스를 제공한다. Fetch API를 사용해 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다. 몇 번 사용해봐도 어렵다고 생각되었던 부분이라 여러 자료들과 수업내용을 바탕으로 Fetch API와 fetch() 메소드를 정말 간단하게 정리해보았다. 간단하게 알아보는 Fetch API 👾 Fetch API 자바스크립트를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다. Fetch API는 네트워크 통신을 포함한 리소스 취득을 위한 인터페이스를 fay-story.c.. ES8, 비동기 처리를 위한 async / await 기본 문법 async/await 문법은 ES8에 해당하는 문법으로서, Promise 를 더욱 쉽게 사용 할 수 있게 해준다. ⬇︎ 프로미스는 아래 글 참고 ES6, 비동기 처리를 위한 프로미스 (Promise) 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전통적인 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여 fay-story.com async 함수에는 await연산자가 포함될 수 있으며, await는 async 함수의 실행을 일시 중지하고 전달 된 Promise의 해결을 기다린 다음 async 함수의 실행을 다시 시작하고 완료후 값을 반환한다. async 함수는 항상 promise를 반환한다. 만약 async 함수의 반환값이 명시.. ES6, 비동기 처리를 위한 프로미스 (Promise) 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전통적인 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여러 개의 비동기 처리를 한번에 처리하는 데도 한계가 있다. ES6에서는 비동기 처리를 위한 또 다른 패턴으로 프로미스(Promise)를 도입했다. 프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다. 👾 Promise Promise는 비동기 작업의 최종 완료 또는 실패를 나타내는 객체로, 기본적으로 Promise는 함수에 콜백을 전달하는 대신에, 콜백을 첨부하는 방식의 객체이다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있다. 다만.. 이전 1 다음
