• ex) 콜백, 프로미스, async await
• ex) 비동기 처리의 특성 및 에러 처리 방법?

💬 Answer

🌏 동기와 비동기

👉 동기(synchronous)

동기란 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식
모든 일이 순차적으로 실행됨.

👉 비동기(Asynchronous)

요청을 즉시 처리하지 않아도 그 대기 시간 동안 또 다른 동작이 이루어지는 방식
모든 일이 병렬적으로 실행

🌏 Callback과 Promise, Async & Await

👉 Callback

• 말 그대로 나중에 호출할 함수.
• 처리 순서를 보장하기 위해 함수를 중첩하게 사용하여 Callback Hell이 발생
• 에러 핸들링도 각 콜백함수마다 해줘야되서 가독성이 떨어짐.

👉 Promise

• 어떤 작업의 중간 상태를 나타내는 Object
• 미래의 어떤 종류의 결과가 반환됨을 약속해주는 Object
• ES6부터 Callback의 단점을 보완함.
• 실행이 잘 성공했는지, 실패했는지, 성공or 실패결과가 무엇인지 반환
• 생성자 함수를 이용하여 인스턴스화.
• then과 catch로 접근이 가능하고, finally는 처리만 되는 함수

👉 Async & Await

• 가장 최근에 나온 비동기 처리 패턴
• 기존의 비동기 처리 방식인 callback과 promise의 단점을 보완
• 함수 앞부분에 async, 함수 내부에 Promise의 앞부분에 await 사용.
• 동기적인 흐름으로 개발이 가능.
• 개발자가 읽기 좋은 코드를 작성할 수 있게함.
• try catch로 핸들링

📘 참고

https://joshua1988.github.io/web-development/javascript/js-async-await/#async--await
https://sunnykim91.tistory.com/121