목차

1. Ajax란?
2. ES6의 fetch를 이용해서 리액트에서 데이터 처리하기
3. Axios로 데이터 처리하기
4. async, await 적용하기

AJAX ( Asynchronous Javascript and XML) 은 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술입니다.

ajax

웹 어플리케이션에서 데이터를 가져올 때 서버쪽 데이터가 필요할 때 ajax기법을 사용하게 됩니다.

이 작업은 시간이 오래 걸릴 수도 있기 때문에 비동기적으로 처리하게 됩니다.

비동기(asynchronous)는 요청이 끝날 때 까지 기다리는 것이 아니라, 동시에 여러 작업을 수행하게 됩니다.

나중에 react에서는 다른 서버의 REST API와 통신을 이용하여 데이터베이스 데이터를 가져올 수 있습니다.

ES6의 fetch를 이용해서 리액트에서 데이터 처리하기

Promise = fetch(요청주소)

1. 이벤트 클릭시 처리하기