1. HTTP 통신 개요
- HTTP: 브라우저와 서버 간 통신을 위한 표준 프로토콜
- AJAX: 비동기 방식으로 서버와 통신하는 기술
- React는 비동기 통신을 위해 다양한 HTTP 라이브러리 사용 가능
2. REST API
- REST (Representational State Transfer): 자원의 표현(URI)과 제어 방식(Method)을 분리한 아키텍처
- REST API: URI로 자원 명시 + HTTP 메서드로 동작 지정
| 메서드 |
의미 |
예시 URI |
| GET |
데이터 조회 |
/users |
| POST |
데이터 생성 |
/users |
| PUT |
데이터 수정 |
/users/1 |
| DELETE |
데이터 삭제 |
/users/1 |
- RESTful 서비스: REST 설계를 따르는 서버 API
3. Axios
- Axios는 React에서 가장 많이 사용하는 Promise 기반 HTTP 클라이언트 라이브러리
• 기존 자바스크립트 fetch 보다 다양한 기능과 보안 제공
주요 특징 설명
HTTP 요청 다양한 HTTP 메서드를 사용해 서버에 요청
Promise 기반 API
- 비동기적인 HTTP 요청을 만들고 처리하기 위해 Promise 객체
• async/await 지원
요청 설정
- 요청에 대한 헤더, 쿠키, 타임아웃, 인증 정보 등 다양한 설정 지원
• 요청 데이터를 자동으로 JSON 파싱
응답 처리
- 응답을 가로채고 변경 할 수 있는 인터셉터 설정 지원
• 응답 데이터를 자동으로 JSON 파싱