[ JavaScript ] 웹 기초

웹 기초

---

Fetch

---

• 크롬 - F12 - 개발자 도구

• https://google.com 접속

• 다음 코드 콘솔에 입력

    fetch('https://www.google.com') // url로 request 요청
        .then((response) => response.text()) // 응답 가져옴, arrow function, 곧바로 리턴
        .then((result) => {console.log(result);}); // 위 콜백이 실행된 다음에 실행. 
        // 위 then의 리턴값이 아래 then의 입력값으로 들어감
  
    // 어떤 조건이 만족되었을때 실행되는 함수 : 콜백 함수
    // .then => 콜백 등록 메소드, fetch가 리턴될 때 호출(promise)
  

  ⇒ fetch 함수를 통해 서버로 request를 보낸 후 응답을 콘솔에 나타냄

  • fetch의 return은 response
    • response의 부가정보와 실제 내용을 가진 객체

URL : Uniform Resource Locator

---

• 특정 데이터를 나타내는 문자열
• 프로토콜://호스트/경로(path)/쿼리(Query)
• 쿼리는 등호=값, &로 연결되어 있음.
• 프로토콜에 맞게 request / response 해주어야 함.
• http : HyperText Transfer Protocol
• https : http + secure