[ 18 ] 동기 비동기

async / await 사용 예제

const data =  async()=>{

 const result =  await axios.get("https://koreanjson.com/posts/1")
 
 console.log(result);
}


console.log(data())


console.log("다음작업")

Console 결과 

Promise {}
다음작업
(6) {data: {...}, status: 200, statusTex...}

 

axios 사용 예제 

const data =  ()=>{

 const result =  axios.get("https://koreanjson.com/posts/1")
 
 console.log(result);

 return "리턴값"
}


console.log(data())


console.log("다음작업")

Console 결과

Promise {} // axios 는 Promise 객체를 반환한다
리턴값
다음작업

 

then 사용 예제 

const data = async()=>{

 const result =  await axios.get("https://koreanjson.com/posts/1").then((res)=>res.data)
 
 console.log('data함수 내부',result);

 return result
}


data().then(result=>console.log('함수외부',result))


console.log("다음작업")

Console 결과

다음작업
data함수 내부
(6) {id: 1, title: "정당의 목적이나 활동이 민주적 기본질...}
함수외부
(6) {id: 1, title: "정당의 목적이나 활동이 민주적 기본질...}