TIL_2019-09-27 [Interact with Server 스프린트 1]

• 서버-클라이언트 모델

  • 클라이언트가 서버에게 요청하고, 서버는 요청에 응답한다.
  • stateless : 서버는 응답을 하고 연결을 바로 끊기 때문에 다음 요청을 받을 때는 이전의 상황을 알 수 없다.

• AJAX

  • 브라우저에서는 새로 요청을 보내서 정보를 받아오고, 이걸 화면에 보여주려면 새로고침이 되어야 한다. 그런데 AJAX를 사용하면 화면을 새로고침 하지 않고, 원하는 부분만 변경해 줄 수 있다.
  • 일부분만 변경되기 때문에 속도도 빠르고, 새로고침시 발생하는 깜빡임도 없어서 보기에도 좋다.

• API

  a publicly available web-based API that returns data, likely in JSON or XML”. The API is not the database or even the server, it is the code that governs the access point(s) for the server.

  • 식당에서 client와 server를 연결해주는 메뉴판/웨이터

    What is an API? In English, please.

  • 날씨 API

• HTTP (Hypertext Transfer Protocol)

  • 클라이언트와 서버가 이 규칙을 이용해서 소통
  • request : GET, PUT, POST, PUSH, OPTIONS 등의 방식이 있음
  • HTTPS: 보안
• Fetch API (https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data)

How to Use the JavaScript Fetch API to Get Data