내일배움캠프 수업/내배캠_ JavaScript (걷기반)

5차 수업 + a

콛 다이어리 2024. 9. 7. 15:25

promise랑 await의 추가 내용

 

async function Test( ) {

// 데이터를 받아오기 전까지 기다린다.

// fetch 함수는 promise

// (pending, successed, rejected)

// 를 return 하니까

// 그 결과를 기다리지 않으면

// pending이 무조건

// console.log( )로 찍힐테니

// pending이 안 찍히도록

// fulfilled가 될 때까지

// 기다리는게 await의 fetch

 

// 즉, fetch 함수는 promise를 return 하는데,

// 결과를 기다리지 않으면 pending이 

// console.log( )에 찍힌다.

// 그러지 않기 위해서

// await를 사용하는 것이다.

 

 

try { 

       const result = await fetch ("url주소");

// js가 읽을 수 있도록 + 비동기 작업이니까

// await을 붙여줌

 

 

const users = await result.json( );

// 결과 출력

// successed인지 rejected인지

 

 

console.log(users);

}

catch {

}

 

 

// 함수 호출

Test( );

 

 

'내일배움캠프 수업 > 내배캠_ JavaScript (걷기반)' 카테고리의 다른 글

5차 수업  (1) 2024.09.07
4차 수업  (0) 2024.09.05
3차 수업  (0) 2024.08.03
2차 수업  (0) 2024.07.31
1차 수업  (1) 2024.07.23