1. 동기와 비동기

• 동기(synchronous) : 호이스팅 된 이후부터 코드가 우리가 작성한 순서에 맞춰서 하나하나씩 동기적으로 실행된다는 말
  • hoisting : var변수, function declaration 이 제일 맨 위로 올라와 실행
• 비동기(asynchrounous) : 언제 코드가 실행될지 예측x

  • 콜백함수 : 우리간 전달한 함수를 나중에 불러줘! (ex/setTimeout(함수,1000) : 1초후에 함수 불러서 실행시켜줘)

    

2. 콜백 종류

• Synchrounous callback : 즉각적으로 실행

  

• Asynchrounous callback : 나중에 실행

  

• 동기 비동기 나눠보기

  

3. 콜백지옥 맛보기 코드

→ 콜백함수 내에서 콜백함수를 호출하고 또 그 안에서 콜백함수 호출....

→ 문제점 : 디버깅, 유지보수, 가독성 다 안좋음