Javascript(Rest API)

REST(Representational State Transfer)는 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미

여기서 상태는 전송되는 데이터

일반적으로 JSON 형태로 데이터를 주고 받는다.

REST는 기본적으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 사용하기 때문에 웹의 장점을 최대한 활용할 수 있는 아키텍처

네트워크 상에서 클라이언트와 서버 사이의 데이터를 통신하기 위해 가장 많이 사용되는 통신 방식 중 하나

웹에서는 일반적으로 서버에서 구현애 놓은 REST API를 클라이언트가 호출해서 데이터 전송, 조회, 수정, 삭제 같은 기능을 서버에 요청 할 수 있게 해준다.

HTTP+JSON 형태로 REST API를 정의하면, 웹, 안드로이드, iOS 같은 플랫폼에 구애받지 않으며, 자바, 파이썬 같은 언어에 종속받지 않고, HTTP와 JSON을 사용할 수 있는 모든 플랫폼에서 사용이 가능하다는 장점이 있다.

 

 

JSON 서버 사용하기

 

JSON 서버 설치

JSON Server는 JSON 기반으로 가상의 REST API 서버를 구축할 수 있는 npm 모듈

터미널에서 아래의 명령어를 입력하여 JSON Server를 설치

npm install -g json-server

 

 

JSON 파일 생성

새로운 프로젝트를 생성하고 아래에 json-server라는 이름으로 폴더 만들기

json-server 폴더에 db.json 파일 만들기고 아래의 내용 저장

{
    "posts": [{ "id": 1, "title": "json-server", "author": "typicode" 
   }],
    "comments": [{ "id": 1, "body": "some comment", "postId": 1 }],
    "profile": { "name": "typicode" }
}

터미널에서 json-server 폴더로 이동

JSON Server 실행

json-server --watch db.json

 

 

 

 

 

GET 요청 (192.168.10.245)

Fetch API를 이용해 조회

 

 

POST 요청

데이터 생성하기

 

 

PUT요청

데이터 수정 요청

 

 

DELETE 요청