15.5.2 API 함수 작성하기

이 화면에서는 두 가지를 요청합니다.

우선 게시글 조회를 위한 API 요청 함수를 작성해보세요.

api/articles.ts

import client from './client';
import {Article} from './types';

export async function getArticles() {
  const response = await client.get<Article[]>('/articles');
  return response.data;
}

export async function getArticle(id: number) {
  const response = await client.get<Article>(`/articles/${id}`);
  return response.data;
}

사실 이 API를 사용하지 않아도 기능을 구현할 수는 있습니다. 현재 게시글 목록을 조회할 때와 단일 게시글을 조회할 때의 타입이 동일하기 때문이죠. 하지만 만약 실무에서 비슷한 기능을 구현하게 된다면 게시글 목록을 조회할 때는 보통 트래픽 절감을 위해 body가 누락된 상태로 데이터가 응답됩니다. 그러한 상황을 가정하고, 이렇게 getArticle 함수를 따로 작성해서 구현하겠습니다.