JS Event Loop, Promise, async vs await

⭐️ Event Loop ⭐️

🔥 모든 process는 하나 이상 thread가 존재

<JS는 Single Thread, 동기 언어>
브라우저에서 제공하는 Web APIS로 인해 비동기 처리 가능

Memory Heap 👉🏻 메모리 할당이 일어나는 곳
Call Stack 👉🏻 한 줄 단위의 실행될 코드 할당 (LIFO (Last In, First Out)
Web APIS 👉 브라우저에서 제공되는 API. 비동기 처리가 이루어지는 부분 (ex. setTimeout(), then() etc...)
Web APIS 👉 Callback Queue 비동기 처리 후 실행되어야 할 콜백 함수
event loop 👉 Call Stack이 비어있는지, Calback Queue에 대기 중인 콜백 함수가 Call Stack에 담겨도 되는지 체크

참고 : 지수님 테크톡 (2021.12.09)

⭐️ Promise ⭐️

pending (대기) 👉🏻 이행, 거부되지 않은 초기 상태
fulfilled (이행) 👉🏻 연산이 성공적으로 완료된 상태

promise type 👉🏻 then(), catch() : promise type의 뒷 처리에 사용
finally() : executor 가 호출하는 함수에 상관 없이 뒷처리에 사용

⭐️ async vs await ⭐️

비동기 처리 패턴 👉🏻 개발자가 읽기 좋은 코드를 작성할 수 있다