[ 13 ] 비동기 ( async ) 와 동기 ( sync )

비동기 

동시에 여러 일 할때 사용한다.

 

비동기 예시코드

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

console.log('start')
test();
console.log('finish')


// 결과

start
Promise {<pending> }
finish

동기

 

async / await이란 ? 

Javascript 엔진은 코드를 동기적으로 실행하지만 , axios 같은 API 통신 라이브러리는 비동기적 실행이 default로 정해져 있다. 이때 게시글을 등록하고 그 게시글을 조회하는 것처럼 비동기 API 작업을 동기적으로 바꿔줄 때 사용하는 명령어이다.

 

 

동기 예시코드 

  const onClickSync = async () => {
    const result = await axios.get("https://koreanjson.com/posts/1");
    console.log(result.data.title); // 제대로된 결과 -> {title : "..." , }
  };