[자바스크립트 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())
    		// fetcth함수가 실행될 때 함께 실행되는 것이 아니라,
			// 서버로부터 response가 온 후에야 실행된다.
            // then 메소드는 콜백을 등록해주는 메소드.
            // then 메소드는 promise 객체이다.
 
    .then((result) => { console.log(result); });
    		// 위 then메소드가 실행된 후에야 실행된다.
            // 이전 콜백의 리턴값을 다음 콜백이 넘겨 받는다.
            // 위의 response.text는 result로 넘어온다.