본문 바로가기
Front-End

REST API 간단 정리

by 민바이민 2021. 6. 1.

클라이언트와 서버가 소통하는 방식이다. 클라이언트와 서버는 여러가지 방법으로 소통을 한다.

이를 HTTP 메서드를 사용해서 구분을 합니다.

HTTP 메서드는 여러가지가 있는데 가장 대표적으로 GET, POST, PUT, DELETE이 있습니다.

GET 데이터 조회
POST 데이터 등록
PUT 데이터 수정
DELETE 데이터 제거

 

위와 같이 각 메서드마다 역할이 조금씩 다릅니다.

GET /users 를 호출하면 모든 사용자 계정을 반환합니다.
GET /users/1  뒤에 특정 아이디를 넣어주면 아이디가 1인 계정을 찾아서 반환합니다.
POST /articles 특정 게시물 정보를 등록하는 API
GET /articles 모든 게시물 정보를 불러오는 API
GET /articles/1 아이디가 1인 게시글을 찾아서 반환
DELETE /articles/1 아이디가 1인 게시글을 삭제
PUT /articles/1 아이디가 1인 게시글 수정

 

axios라는 라이브러리를 설치하면 쉽게 REST API를 요청할 수 있습니다. 이렇게 요청하면 Promise를 반환합니다

 

조회를 한다면

axios.get('/users/1');

axios.get에 HTTP 메서드가 들어옵니다.

 

등록을 한다면

axios.post('/users', {
  username: 'apple',
  name: 'apple'
});

주소를 넣고 등록하고픈 정보를 넣어주면 됩니다.

 

https://jsonplaceholder.typicode.com 

 

JSONPlaceholder - Free Fake REST API

{JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB As of Dec 2020, serving ~1.8 billion requests each month.

jsonplaceholder.typicode.com

을 이용하면 REST API를 시험삼아 연습해볼 수 있습니다.

'Front-End' 카테고리의 다른 글

기술블로그를 작성하는 이유  (0) 2021.07.19
[부트스트랩] 부트스트랩 (Bootstrap)  (0) 2020.11.29

댓글