콜스택 싱글스레드 형식으로 한개씩만 실행
콜백큐 ajax요청들 대기공간. 이벤트 루프가 콜스택 비어있는지 확인 후 옮긴후 실행.
ajax 비동기 코드
prototype문법 부모 유전자
클래스로 객체를 만들고, 그 객체에 prototype을 이용해서 유전자에 껴넣을수있음
mdn 검색해보면 거의 모든게 .prototype.하고 써져있음 ex) array.prototype.sort()
프로그램이 비동기로 일한다는건 : 쓰레드나 프로세스가 여럿이 돌고 있다는 말도 됨.(멀티태스킹)
동기: 동일한 기찻길에서 한줄로 가는 비유.
앞의열차가 가지않으면 뒤열차가 못감
자바스크립트는 싱글스레드자나? 어떻게 그런 비동기 작업이 가능하지?
자바스크립트는 웹브라우저나 Node.js의 자바스크립트 엔진에서 실행됨.
선로 : 큐형태
함수는 나중에 넣은걸 먼저 꺼내는 스택처리
여기서 잠깐 Web API!
시간이걸리는 작업들을 수행함.
예를들면, 타이머를 사용하는 작업, ajax 작업, 디비에서 데이터 받아오는 작업
비동기 작업을 수행할 함수 앞에 async를 붙인다.
그러면 이 함수 안에다가 비동기 작업을 마치 동기작업처럼 작성할 수 있게된다.
프로미스는 코드를 좀 더 읽기 쉽게 바꿔주고,
async await은 거의 동기 코드랑 비슷하게 짤 수 있게 해주는거에요 ^^
프로그래머 입장에서 비동기 코드를 더 쓰고 읽기 쉽게 짜게 해주는 기능이라고 보면 됨.
Front-Dev