axios.create

공통 API 규칙은 Axios 인스턴스에 모은다

Mock API 주소, JSON 헤더, 타임아웃처럼 모든 요청에 반복되는 설정은 mockApi 인스턴스에 넣고 컴포넌트는 경로만 요청합니다.

컴포넌트

mockApi.get('/users')처럼 필요한 리소스 경로만 호출합니다.

baseURL

http://localhost:4000을 앞에 붙여 Mock API로 보냅니다.

headers

JSON 전송 형식이나 인증 토큰 같은 공통 헤더를 한곳에서 관리합니다.

timeout

응답이 너무 늦으면 사용자에게 로딩 대신 오류 상태를 보여줄 수 있습니다.

response.data

컴포넌트는 파싱 과정 없이 Axios가 정리한 데이터만 상태에 담습니다.

useEffectmockApiGET /usersresponse.datasetUsers