Front-end

REST API

SONIHEEE 2023. 8. 15. 13:17

API어렵따,,,!

fetch해서 데이터가져와서 뿌리기!!!

가 프론트엔드의 기초 이지만 설명해보시오 하면 오잉ㅇㅣ다

 

REST API를 알아보기전에 API의 대해서먼저 알아봐야할 필요가 있다..

 

🏔️API란

Application Programming interface(애플리케이션 프로그램 인터페이스)의 줄임말이다

비유해보자면 식당에서 점원이 준 메뉴를보고 주문을 하면, 점원이 주문을 받아 요리사에게 전달한다

요리사는 요리를만들고 점원에게 주고 점원은 손님에게 요리를서빙한다

 

이처럼 API는 식당의 점원과 같은 역할을 한다.  여기서 손님과 요리사는 프로그램!

API는 프로그램들이 서로 상호작용하는 것을 도와주는 매개체이다.

 

🏔️REST란

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

  1. HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시
  2. 데이터가 요정되어지는 시점에서 자원의 상태(정도)를 전달 (일반적으로 JSON이나 XML을 통해 데이터를 주고 받음)
  3. HTTP URL을 통해 자원(Resource)을 명시하고 HTTP Method를 통해 해당 자원에 의한 CRUD Operation을 적용

 

🏔️REST API란

URL을 통해 리소스를 표현하고 HTTP Method를 통해 CRUD를 적용하는것!

예를 들어 네이버에서 제공하는 Open API를 이용한다고 하자. 특정 기술, 예를 들어 네이버 지도의 API를 사용하고 싶다면 이때 REST를 이용해 사용하는 것이 REST API다. URI 형식으로 HTTP 메서드(GET, POST, PUT, DELETE)를 요청해 자원을 조회, 생성, 수정, 삭제할 수 있는 것이 REST API인 것이다. 

 

REST API를 찾아볼때 RESTful이라는것도 자주등장하는데, 일반적으로 REST라는 아키텍쳐를 구현하는 웹 서비스를 나타내기 위해 사용되는 용어이다.

RESTful의 목적은 이해하기쉽고 쉬운 REST API를 만드는 것

 

RESTful하지 못한경우

  • CRUD 기능을 모두 POST 로만 처리하는 API
  • route에 resource, id 외의 정보가 들어가는 경우

 

HTTP Method CRUD
GET Read
POST Create
PUT Update
DELETE  Delete

 

 

 

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

공공데이터포털 API연결  (0) 2023.09.17
e.preventDefault 사용 이유  (0) 2023.07.22
react-router-dom  (0) 2023.07.08
프레임워크 / 라이브러리 / 플러그인  (0) 2023.07.06
solidjs란  (0) 2023.06.21