15.4.1 API 함수 작성하기

api 디렉터리에 articles.ts 파일을 만들고, 게시글 목록을 조회할 때 사용할 함수 getArticles를 구현해보세요.

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;
}

이 API는 Article의 배열을 응답하므로, Generic에는 Article[]을 설정해주세요.

함수를 작성했으면 useQuery로 이 함수를 호출해서 API 요청 상태 관리를 해봅시다.