프로미스 Asynchronous 1 (콜백함수, 프로미스) 아래 예시 코드는 숫자 n을 매개 변수(parameter)로 받아와 5번에 걸쳐 1초마다 1씩 더해서 출력하는 비동기 작업 1. 콜백 함수 (callback) setTimeout()은 비동기적 코드를 만들기 위해 사용하는 것 뿐이다. 비동기 처리가 많아질수록 코드가 깊어지는 현상을 콜백 지옥(callback hell)이라고도 한다. 이렇게 코드가 깊어지는 것은 프로미스(Promise)를 사용... 프로미스promisecallback콜백함수비동기callback Day.15 바닐라 자바스크립트(2021.08.20) 위와 같은 프로미스 객체는 then을 통해서 resolve된 값을 전달받는다. 이런식으로 async 함수를 만들어서 그 안에 awiat 키워드를 붙이게 되면 동기적으로 작동하는것 처럼 보이게 만들어주지만 실제 동작은 비동기적으로 해서 가독성을 높일수 있다. 그리고 return값은 무조건 promise로 감싸져 나오지만 안에서는 값을 바로 출력할수 있다. 애러가 발생할시 reject와 catc... asyncFetchAPI프로미스awaitFetchAPI
Asynchronous 1 (콜백함수, 프로미스) 아래 예시 코드는 숫자 n을 매개 변수(parameter)로 받아와 5번에 걸쳐 1초마다 1씩 더해서 출력하는 비동기 작업 1. 콜백 함수 (callback) setTimeout()은 비동기적 코드를 만들기 위해 사용하는 것 뿐이다. 비동기 처리가 많아질수록 코드가 깊어지는 현상을 콜백 지옥(callback hell)이라고도 한다. 이렇게 코드가 깊어지는 것은 프로미스(Promise)를 사용... 프로미스promisecallback콜백함수비동기callback Day.15 바닐라 자바스크립트(2021.08.20) 위와 같은 프로미스 객체는 then을 통해서 resolve된 값을 전달받는다. 이런식으로 async 함수를 만들어서 그 안에 awiat 키워드를 붙이게 되면 동기적으로 작동하는것 처럼 보이게 만들어주지만 실제 동작은 비동기적으로 해서 가독성을 높일수 있다. 그리고 return값은 무조건 promise로 감싸져 나오지만 안에서는 값을 바로 출력할수 있다. 애러가 발생할시 reject와 catc... asyncFetchAPI프로미스awaitFetchAPI