데일리숙제 - (9) API, REST API, CONTEXT API

developer.do·2023년 4월 5일
0
  • API,
  • REST API,
  • CONTEXT API

API(Application Programming Interface) : 어플리케이션간에 지정된 형식으로 요청과 응답을 할 수 있도록 연결하는 것
ex) 카카오맵 처럼 실시간 지도는 API를 활용한 예시이다.

REST API : 다른 컴퓨터나 프로그램과의 소통을 쉽게 할 수 있음
인터넷 식별자(URI)와 HTTP를 기반으로하고 브라우조건 호환성이 좋은 JSON 형식을 주로 사용한다.
가장 중요한 특성은, 각 요청이 어떤 정보나 동작을 위한 것인지 그 모습 자체만으로 추론이 가능함

REST :

  • HTTP에서 필요한 자원에 접근할 때 웹의 장점을 최대한 활용하기 위한 아키텍쳐
  • 문서, 그림, 데이터등 자원을 이름으로 구분해서 해당 자원에 대한 상태, 정보를 주고받는 것을 의미한다.
  • 또한 HTTP Method를 활용해서 해당 자원에 대한 CRUD를 적용하는 것을 의미한다.

    ex)
    client-server
    stateless
    cache
    uniform interface
    layered system
    code-on-demand (optional)

정리
REST API :

  • HTTP 요청을 할 때 어떤 URI에 어떤 method를 사용할지에 대한 개발자들 사이에서 널리 사용되어지는 약속
  • REST 형식의 API로 핵심 컨텐츠 및 기능을 외부 사이트에 활용할 수 있도록 제공되는 인터페이스
    ex)네이버에서 블로그 글을 저장하거나, 구글지도를 사용할 수 있도록 제공하는 것

CONTEXT API :

  • Context API는 React의 상태 관리 라이브러리 중 하나로, 전역적으로 상태를 관리할 수 있게 해줍니다.

  • Context API를 사용하면 props를 통해 여러 컴포넌트에 전달해야 하는 값을 편리하게 관리할 수 있습니다. 예를 들어, 사용자 정보와 같은 전역적으로 필요한 값을 한 번에 관리할 수 있습니다.

Context API는 크게 Context와 Provider로 나뉩니다.

  • Context는 상태를 저장하고 관리하는 역할을 하며,
  • Provider는 Context 값을 제공하는 역할을 합니다.

Context를 생성하려면 createContext 함수를 사용합니다. createContext 함수를 호출하면 Context 객체가 반환됩니다. 이 Context 객체는 Provider에서 사용됩니다.

  • Context API는 Redux와 같은 상태 관리 라이브러리보다 간단하고 쉽게 사용할 수 있습니다.
  • 또한, Redux와는 달리 상태를 전역적으로 관리할 수 있지만, 필요한 컴포넌트만 Context 값을 사용할 수 있습니다.
  • 따라서, 컴포넌트 구조가 간단한 애플리케이션에서는 Context API를 사용하는 것이 더 효율적입니다.

0개의 댓글