한양과학기술고등학교

에듀테크 프로젝트 대시보드

fetch로 데이터 가져오기

JavaScript 예제 18 / 20

fetch() 로 인터넷 너머의 서버(API)에 데이터를 요청할 수 있습니다. 아래는 무료 연습용 API(jsonplaceholder)를 호출해요 — 학교 네트워크에 따라 차단될 수 있어요.

fetch API async/await then
실시간 반영
결과 화면
💡 이렇게 바꿔보세요
  • fetch() 는 Promise 를 반환해요 — 결과가 '나중에' 도착하기 때문에 .then() 이나 await 로 기다려야 해요
  • async function 안에서만 await 를 쓸 수 있어요
  • 실패 처리(.catch 또는 try/catch)를 꼭 같이 써야 네트워크 오류에도 페이지가 멈추지 않아요
← JavaScript 예제 목록