Promise의 개념에 대해서 설명하고, 콜백 함수 방식과 차이점을 설명

Promise

• promise는 자바스크립트에서 비동기를 간편하게 처리해주는 객체입니다
• 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용됩니다
• 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 API를 사용하는데, 서버에게 데이터 보내달라는 요청을 보내고, 이때 데이터를 받아오기도 전에 화면에 데이터를 표시하려고 하면 오류가 발생하거나 빈 화면이 뜨게 됩니다. 이와 같은 문제를 해결하기 위해 프로미스를 사용합니다

Callback 함수

• callback 함수는 함수의 매개변수를 함수로 받는 경우를 말하는데, 주로 동기 처리되는 함수를 비동기식으로 처리 하고 싶을 때 callback 함수 패턴을 사용합니다. 하지만 callback 함수 방식의 문제점은 callback 함수의 중첩이 많아질수록 코드의 가독성이 나빠집니다.
• 비동기처리는 '특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 것’을 말합니다

Promise와 Callback 함수 방식과 차이

• callback 함수 방식을 사용하게 되면 비동기 로직의 결과 값을 처리하기 위해서는 callback 함수 안에서만 처리를 해야하고, 콜백 밖에서는 비동기에서 온 값을 알 수가 없습니다.
• 하지만 promise를 사용하면 비동기에서 온 값이 promise 객체에 저장되기 때문에 필요한 곳에 사용할 수 있기 때문에 코드 작성이 용이 해집니다. 또한, async & await 문법을 통해 비동기를 동기적으로 처리 해줄 수 있으며 코드의 가독성을 높여 줄 수 있습니다.