동기 비동기

계속 헷갈려서 짜증나는 동기/비동기 ㅂㄷㅂㄷ
(synchronous / asynchronous)

동기(synchronous) ; 한 개에 집중
코드를 한줄한줄 차근차근 직진으로 읽어내려오는 것
예) 두 사람이 피규어를 만들기 시작. 다리에서 머리까지 같이 차근히 만든다.

비동기(asynchronous) ; 멀티 테스킹
직진해서 코드를 읽다가 한 가닥이 튀어나와서 두 가닥을 동시에 읽어나가는 것
예) 두 사람이 피규어를 만드는데, a는 몸통을 b는 팔을 만들기로 한다.

1. 우선 자바스크립트는 기본적으로 동기
2. 하.지.만. 서버에서 데이터를 가져올 때는 비동기적으로 일처리를 한다.
3. 이러면 문제가 발생한다. 서버에서 가져온 데이터를 가지고 온 다음 읽어야되는 코드가 이미 읽혀서 에러가 난다.
예) 두 사람이 피규어를 만드는데, a는 몸통을 b는 팔을 만들기로 한다.
a는 몸통을 다 끝내서 머리를 만드는데 팔이 끝나지 않아 머리를 붙일 수 없다.
4. Promise와 async/await로 튀어나간 가닥 코드가 끝나야 원래 코드로 돌아와서 코드 읽기를 한다.
예) a가 몸통을 다 만들고 b가 팔이 끝나기를 기다리다가 같이 얼굴을 만들어 붙인다.
(아직 Promise랑 async/await가 정확히 뭘 하는지 몰르겠다)