Axios로 게시판 CRUD와 API 상태 처리하기

1

시나리오: 게시판 CRUD 요청 흐름

로컬 Mock API로 조회, 생성, 삭제 상태 변화를 확인합니다.

2

준비 단계: 요청 로직 표준화

baseURL, timeout, 공통 오류 처리 기준을 정해 컴포넌트가 요청 세부 구현에 묶이지 않게 합니다.

3

기본 스타일링 (index.css)

로딩, 오류, 빈 목록, 성공 응답이 서로 구분되도록 버튼과 상태 메시지의 기본 표현을 준비합니다.

4

Axios 인스턴스 설정

공통 설정을 가진 인스턴스를 만들고, 개별 요청은 필요한 endpoint와 method만 넘기도록 단순화합니다.