[Code Camp 1주차] async / await?

FE 08김우중·2022년 7월 11일
0

async / await는 동기 실행 방식이다
이를 이해할려면 먼저 동기 실행과 비동기 실행을 알아야한다

동기 / 비동기

1. 동기 실행

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

2. 비동기 실행

서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신으로, 서버에 요청이 저장될때까지 기다리지 않고 다른 작업을 진행한다

예를들어

게시글을 등록 후 게시글을 불러왔을 때 게시글이 불러와지지 않는 오류가 발생
이 오류는 게시글 등록 요청 후 백엔드 컴퓨터에 요청을 전송하고 데이터가 처리된 후 게시글 불러오기 과정이 진행되야하는데 데이터 처리 이전에 불러오기 과정이 실행되어서 발생한 문제이다. 이러한 실행 방식을 비동기 실행 이라고 하고 반대로 처리될때까지 기달리는 실행 방식을 동기 실행 이라고 한다

REST-API에서 동기/비동기

1. 비동기 통신

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

2. 동기 통신

async function test() {
	const data = await axios.get('https://koreanjson.com/posts/1')
    console.log(data)
    // {id: 1, title: "정당의 목적이나 활동이..."}
}

위 처럼 비동기 방식에서 동기 방식으로 변경해주기 위해서는 async / await이 필수다

profile
새내기 개발자

0개의 댓글