fetch
- Javascript 환경에서 사용가능한 비동기 통신 방법
- XMLHttpRequest (전통적 방식)
- Promise (ECMA6)
- window.fetch (Promise 기반의 Browser API)
- 기타 Libraries
fetch API
- Promise based Javascript Built-in Function (React 전용 함수가 아님)
- http://localhost:8888/api/v1/boards (GET) 으로 요청하는 방법
- fetch : REST API 호출.
then : REST API의 결과가 정상적으로 도착했을 때 실행할 Callback
catch : REST API가 비정상적으로 종료되었을 때 실행할 Callback
try catch와 비슷!
(Promise의 응답 데이터를 전송 받기 위해 .then().then()... 을 사용)
- Promise를 간편하게 사용하기 위한 async / await
await : 비동기 함수를 동기 통신처럼 응답이 올 때까지 대기한다.
async 가 적용된 함수 내에서만 사용 가능.
async : 비동기 함수임을 나타냄
- 비동기로 시작해서 내부에서는 동기로 작용한다.
React에서 호출하기 위한 코드.
Spring boot에서 cors 코드 추가.
- SecurityConfig
및 Board API 파일 생성.
React
