Fetch (2) 썸네일형 리스트형 [자바스크립트 js] fetch / Promise 객체 / then 메소드 / Promise Chaining / 비동기 함수 fetch 콜백을 파라미터로 전달 받지 않고, fetch함수가 리턴하는 어떤 객체의 then 메소드를 통해 콜백을 등록한다. fetch 함수는 Promise 객체를 리턴한다. (Promise 객체는 비동기 실행을 지원하는 문법) 서버에 requeset를 보내고 response를 받는 작업을 실행한다. promise 객체를 리턴한다. promise 어떤 작업에 대한 '상태 정보'를 가지고 있는 객체. 비동기 실행과 관련된 핵심 문법. fetch 함수가 request를 보내고 response의 결과를 가지게 되는데, 이러한 결과를 promise 객체에 저장한다. promise 객체는 3가지 중 하나의 상태를 가지게 된다. - pending 진행 중 - fulfilled 성공 => promise는 '작업 성공.. [자바스크립트 js] Fetch / request / response / 콜백 관련 용어 먼저 알고 가자 request : 웹브라우저가 서버에 요청 response : 서버가 보내주는 응답 콜백 : 어떤 조건이 만족 되었을 때 실행되는 함수 fetch 서버로 requset 를 보내고 response 를 받는 함수 promise의 객체 then 메소드 response가 왔을 때 실행할 콜백을 등록한다. 등록된 콜백들은 then 메소드로 등록한 순서대로 실행된다. 이전 콜백의 리턴값을 이후 콜백이 넘겨 받아서 사용할 수 있다. response의 파라미터에는 '객체'가 넘어오기 때문에 response 객체의 text를 호출해야만 실제 내용을 볼 수 있다. fetch('https//www.google.com') .then((response) => response.text()) // fet..