반응형 JavaScript 기초/비동기2 Promise와 fetch API (2) fetch API란 이전 글에 이어서 fetch API에 대해서 공부했다. fetch API는 특정 URL로부터 정보를 받아오는 역할을 해준다. fetch API를 통해 정보를 받아오게 되면 비동기로 이루어지기 때문에 다소 시간이 걸린다면 blocking이 발생하면 안되므로, 특정 DOM에 정보가 표시될 때까지 로딩 창을 대신 띄우는 경우도 많다. 간단한 예제를 통해 fetch API의 사용법을 알아보겠다. let url = 'https://apiURL'; fetch(url) .then(response => response.json()) // 자체적으로 json() 메소드가 있어, 응답을 JSON 형태로 변환시켜서 다음 Promise로 전달 .then(json => console.log(json)) // 콘솔에 json을 .. 2020. 11. 11. Promise와 fetch API (1) Promise란 오늘은 Promise와 fetch API에 대해서 공부했다. Promise는 자바스크립트에서 비동기 처리를 위한 하나의 패턴으로 콜백 패턴의 단점을 보완해준다. (콜백 패턴은 처리 순서를 보장하기 위해 중첩된 괄호를 적어야 하는데 이로 인해 복잡해지고 가독성도 안 좋을뿐더러 실수를 유발하기도 한다. 또한 에러 처리도 어려워 콜백 패턴의 한계를 느끼고 새롭게 Promise패턴을 도입하게 된 것이다.) 이제 Promise의 사용법을 알아보자. const getDataFromFilePromise = filePath => { return new Promise((resolve, reject) => { fs.readFile(filePath, 'utf-8', (err, data) => { if (err) { // 에.. 2020. 11. 11. 이전 1 다음 반응형