TIL 19일차 (20240118)

API와 REST API의 개념

• ✏️ API (Application Programming Interface)
  : 다른 소프트 웨어나 어플리케이션 간을 연결해주는 중개자. API를 작성한다는 것은 프론트엔드에서 원하는 기능을 수행하는 URL과 인터페이스를 제공한다는 것.(원하는 데이터를 받아 데이터베이스에서 데이터를 저장, 저장된 데이터를 읽어서 프론트엔드에 데이터를 제공)

• ✏️ REST(Representational State Transfer) API
  : URL, Headers, Method 등 네트워크 표현 수단을 이해하기 쉬운 표현으로 정의함(자원(Resource)을 정의하고 자원 중심으로 표현을 구성하는 원칙을 제시)

• ✏️ REST API의 구성요소
  : 자원(URL), 행위(HTTP method), 표현(보통 JSON,XML 형식 사용)

행위의 CRUD
Create: 생성(POST)
Read: 조회(GET)
Update: 수정(PUT).(PATCH)
Delete: 삭제(DELETE)

Routing 이해 및 Router 학습

• ✏️ Routing
  : 클라이언트의 요청 조건에 대응해 응답하는 방식

• ✏️ Router
  : 클라이언트의 요청을 쉽게 처리할 수 있게 도와주는 Express.js의 기본 기능 중 하나

router.METHOD(PATH, HANDLER);

METHOD: HTTP Method를 나타냄(ex. get, post, put, patch, delete ...)
PATH: 실제 서버에서 API를 사용하기 위한 경로를 나타냄(ex. users, posts ...)
HANDLER: 라우트가 일치할 때 실행되는 함수

import express from 'express';

//익스프레스에 라우터 생성
const router = express.Router();

// localhost:3000/api/ GET
router.get('/', (req, res) => {
    res.json('default url for goods.js GET Method');
  });
  
  // localhost:3000/api/about GET
  router.get('/about', (req, res) => {
    res.json('goods.js about PATH');
  });

///작성한 Router을 app.js에서 사용하기 위해 내보내는 코드
  export default router;

// app.js

import goodsRouter from './routes/goods.js';

// localhost:3000/api -> goodsRouter
///이때 use는 /api라는 주소로 왔을 때, goodsRouter을 실행하라는 명령어
app.use('/api', [goodsRouter]);

이렇게 하면


이 된다.

---

API Client

• ✏️ API client
  : 개발 단계에서 API 요청을 확인하거나 테스팅할 때 도움을 주는 툴로, 개발 속도를 높이거나 잘못된 요청으로 인한 치명적인 에러를 예방하는데 도움을 준다.