고농축 백엔드 6 - 동기와 비동기

비동기 : 기다리지 않고, 동시에 여러 일 할때 사용

ex)게시물 목록 가져오기

ex)상품 목록 가져오기

 

동기:서버와 컴퓨터가 통신이 끝날 때까지 기다림

순서O

ex) 은행거래


axios : 비동기가 default

const data = await axios.get

Promise : "약속"을 함


비동기를 동기(기다림)로 바꿔주는 명령어

async / await

짝꿍이 await를 붙이기 위해서는 async도 같이 쓴다.


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


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