Fetch함수

 Fetch함수란?!

 - 서버에 request를 보내고 response를 받는 함수

홈페이지를 볼 수 있는 이유는?!
- 웹브라우저가 해당 홈페이지 서버에 요청을 보내고, 서버가 보내준 응답을 해석했기 때문이다 
- 웹 브라우저가 서버로부터 받은 응답의 내용으로 네이버 홈페이지에 필요한 HTML, JS등 이 코드들
- 이러한 코드들을 브라우저가 해석하여 우리가 보는 홈페이지를 만드는 것

 

fetch함수 해석

fetch('https://www.naver.com') 
    .then((response) => response.text()) 
    .then((result) => { console.log(result);}); 

1. fetch('https://www.naver.com') 
- fecth함수가 받는 인자, url로 요청을 보낸다   

2.  .then((response) => response.text())   
- fecth함수가 실행될 때 바로 실행되는 함수가 아니라 서버에서 response가 오면은실행이 된다(콜백함수) 
-  response 파라미터로는 리스폰스의 실제 내용 자체가 넘어오는 게 아니다. response객체의 text메서드를 사용해야  실제 내용을 함께 갖고 올 수 있다

3. .then((result) => { console.log(result);});
-  response.text()의 return값을 result값에 담는다

 

 

출처: 코드잇(www.codeit.co.kr)