Rest API

Rest란?

:REpresentational State Transfer

• 자원을 이름으로 구분하여 해당 자원의 정보를 주고 받는 모든 것을 의미

• 자원의 표현에 의한 상태 전달을 의미

  자원: 소프트웨어가 관리하는 모든 것
  자원의 표현: 그 자원을 표현하기 위한 이름

• 상태 전달
  : 데이터가 요청되어지는 시점에 자원의 상태를 전달
  : JSON or XML를 통해 데이터를 주고 받는 것이 일반적이다.

• 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나이다.

HTTP URI를 통해 자원(resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD를 적용하는 것을 의미

CRUD Operation
Create: 생성(POST)
Read: 조회(GET)
Update: 수정(PUT)
Delete: 삭제(DELETE)

REST API

Rest 기반으로 서비스 api를 구현,
openAPI는 대부분 restAPI를 제공한다.

---

.env : app key를 암호화 해서 사용
.gitignore 안에 .env파일 명시 (git에 push 방지)

.env.REACT_APP_WEATHER_API

HTTP 요청 응답 상태 코드 200은 "OK"를 의미, 따라서 요청이 성공적으로 처리 되었을 때 200이 나온다. 200이 나오지 않는다면 요청이 실패한 경우다.

response.status !== 200

async, await

: javaScript에서 비동기 처리를 위해 사용되는 키워드

async는 함수 앞에 붙여서 해당 함수가 비동기 함수임을 나타낸다. 이 함수는 Promise객체를 반환하며, Promise 객체는 비동기 작업이 완료되면 결과 값을 반환한다.

await는 async함수 내에서 사용되며, Promise 객체가 처리될 때까지 기다리는 역할을 한다.
즉, awiat 키워드 다음에 오는 Promise 객체가 처리될 때까지 코드 실행을 일시 중지하고, Promise 객체가 처리되면 결과 값을 반환한다.

async function getData() {
  const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
  const data = await response.json();
  console.log(data);
}

getData함수는 async함수로 선언되어 있다.
함수 내부에서는 fetch함수를 호출하여 비동기적으로 데이터를 가져오고, await 키워드를 사용하여 데이터가 처리 될 때까지 기다린다. 마지막으로 데이터를 출력한다.

👉 async와 await는 비동기 처리를 보다 간편하게 할 수 있도록 도와주는 키워드다.

node.js

설치
npm init