바로 실행하는 비동기 통신과 Promise 객체

동기 통신
서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신

비동기 통신
서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신

비동기 실행

• 서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신

• 서로 기다려 줄 필요가 없는 요청들, 여러 가지 요청을 동시에 처리할 때 사용

function 함수이름() {
	const data = axios.get('https://koreanjson.com/posts/1')
	console.log(data) // Promise
}

Promise 객체

• JS에서 비동기 처리에 사용되는 객체

• 서버에서 받아온 데이터를 화면에 표시하기 위해 사용

• 데이터를 받아오기도 전에 데이터를 화면에 표시하려고 하면 오류가 발생하거나 빈 화면이 뜨기 때문에 이를 해결하기 위한 방법

Promise의 상태(처리 과정)

1. Pending : 대기
   비동기 처리 로직이 아직 완료되지 않은 상태

2. Fulfilled :이행
   비동기 처리가 완료되어 프로미스가 결과 값을 반환해 준 상태

3. Rejected :실패
   비동기가 실패하거나 오류가 발생한 상태