프로젝트를 돌아보면서 네트워크 연결은 어떤 방식으로 했는지에 대해 살펴보았다. 자바스크립트 인터페이스인 Fetch를 사용했는데 Fetch와 REST API는 어떤 것인지 궁금해서 REST API에 대해 살펴보았다.

Fetch와 REST API

Fetch는 비동기 네트워크 통신을 구현하기 위해 클라이언트 측에서 브라우저에 제공하는 Web API이다. 네트워크 리소스를 가져오거나 전송하는데 사용한다. 참고 - fetch에 대한 블로그.

REST는 HTTP 프로토콜을 바탕으로 네트워크를 통해 클라이언트가 리소스가 포함된 서버에 접근하는 방식을 나타낸 것인데 이 원칙을 따르는 서비스를 'RESTful'이라고 한다.
REST API는 웹 기반 시스템 간의 통신을 위한 아키텍처의 한 형식으로 REST 아키텍쳐의 조건을 준수하고 API 서비스를 구현하는 것을 의미한다. 서버와 클라이언트 간의 통신을 위해 사용한다.
URL로 정보의 자원을 표현하고 HTTP 메서드인 GET, POST, PUT, DELETE로 행위를 표현한다.

사용법은?

Fetch는 클라이언트 측에서 네트워크에 접근하기 위해 브라우저 환경에서 사용하는 것으로 데이터를 비동기적으로 가져온다.
REST는 서버와 클라이언트 간의 상호 작용을 설계하는 원칙을 나타내며 서버에서 제공하는 자원에 대한 표준화된 인터페이스를 제공한다.

Fetch
const example = fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

REST API
GET /posts/{postNumber}