230105 - JavaScript - AJAX, FETCH, AXIOS를 이용한 비동기 통신하기

jQuery를 이용하지 않음. 오늘 내가 배운 것 1. 비동기방식 통신이란? 2. 프론트엔드에서 데이터 요청하기 AJAX fetch axios 비동기방식 통신이란? 동기식 방식은 요청을 보낸 후 응답을 받아야 다음 작업을 할 수 있지만 비동기 방식은 요청을 보내고 응답을 기다리지 않고 다른 일을 할 수 있는 상태이다. 그래서 이를 이용하면 웹 페이지를 새로고침 없이 원하는 데이터를 이용하여 웹 페이지의 구성을 바꿔 줄 수 있다. 프론트엔드에서 데이터 요청하기 지금 코드는 front 서버와 back 서버를 분리한 상태이고, MySQL을 이용하여 데이터베이스를 만든 후 데이터가 있는 상태에서 그 값을 back 서버의 라우터를 이용하여 불러오는 과정이다. front와 back 서버가 분리되어 있기 때문에 co..