Promise 란? Promise 란 자바스크립트에서 비동기 처리에 사용되는 객체이다. Promise 객체가 만들어진 기원은 기존에는 비동기 처리시에 순서를 보장하기 위해서 Callback 함수를 사용했는데 이 callback 함수가 다루기고 힘들고, 코드가 더러워지는 경향을 보여 더 깔끔하게 비동기 처리를 할 수 있게 만들어주는 Promise 객체가 나오게 되었다. Promise 는 대표적으로 3가지의 상태가 존재한다. 1. Pending(대기) 2. Fulfilled(이행) 3. Rejected(실패) 1. Pending(대기) 먼저 new Promise() 메서드를 호출하면 내부적으로 대기 상태가 된다. 또한, new Promise() 메서드를 호출할 때 콜백함수를 선언할수 있고 파라미터는 reso..
비동기 처리 방식에 의해서 발생할 수 있는 문제를 콜백 함수를 사용하여 어느 부분 방지할 수 있다. 동기/비동기 처리가 궁금하다면 - [JS] 동기/비동기 처리 [JS] 동기/비동기 처리 동기 방식은 서버에서 클라이언트로 요청을 보냈을 때 응답이 돌아와야 다음 작업을 수행할 수 있는 방식이다. 즉, 선행작업이 아직 끝나지 않은 상태라면 후행작업은 대기해야만 한다. 이와 다 goodbyeanma.tistory.com console.log('front'); setTimeout(() => { console.log('middle'); },0) console.log('back') 이런방식의 코드는 비동기 처리 방식 때문에 코드 작성자의 의도대로 출력되지 않는다. 그럼 코드작성자의 의도대로 출력이 되게 하려면 어떤..
동기 방식은 서버에서 클라이언트로 요청을 보냈을 때 응답이 돌아와야 다음 작업을 수행할 수 있는 방식이다. 즉, 선행작업이 아직 끝나지 않은 상태라면 후행작업은 대기해야만 한다. 이와 다르게 비동기 방식은 요청을 응답이 돌아오느냐에 상관없이 현재 작업이 시작하면 동시에 다음작업도 실행된다. 동기적 처리 (Synchronous) 동기적 처리의 예시를 들어보면 아래와 같다. console.log('front'); console.log('middle'); console.log('back'); 기본적으로 절차적 프로그래밍에 익숙해진 개발자라면 이 정도의 결과는 당연히 코딩한 순서대로 나온다는 것을 예측할 수 있을 것이고 예측대로 답이 도출될 것이다. 비동기적 처리 (Asynchronous) 비동기처리의 가장 대..
