js 비동기

js 파일에서 js 파일을 불러오려면 type='module'을 script 태그에 삽입해야한다.

비동기 처리

• 특정 코드의 연산이 끝날 때까지 기다리지 않고 다음 코드를 실행하는 것!

callback

• 함수에 인수로 들어가는 함수 데이터!

function example(callback) {
	setTimeout(()=>{
      console.log('callback~')
	  callback()
	},1000) 
}
example(()=>{console.log('yeah')})

• 결과
  callback~
  yeah

• 데이터 출력을 내가 원하는 시점에 수행할 수 있다!

callback hell

• 비동기 처리를 위해서 연속해서 콜백 함수를 사용
• 가독성이 떨어지고 로직 변경하기 어려움...

Promise

• 콜백 지옥을 해결하기 위한 방법
• 서버에서 받아온 데이터를 이용할 때 주로 사용(api)

new Promise(resolve, reject) {
	console.log('promise')
	resolve();
  	reject();
}

• resolve : 이행(완료)
• reject : 실패