javaScript AJAX 를 사용하는 이유

참고 유튜브데어코딩

웹, 앱 통신 차이

웹은 클라이언트의 요청으로 화면을 뛰울때 항상 서버에 .html을 받아서 화면을 사용하고,
앱은 화면이 내장되어있어 데이터를 서버에요청하는 방식이다.

AJAX를 사용하는 이유 1

• 요청에 대한 응답을 html 이 아닌 Data(json)을 받기위해서
  

기존방법으로 웹과 앱의 서버를 만들때 앱은 화면이 내장되어있어 data만 필요로해 서버가 하나이면되지만 웹브라우저는 항상 화면을 서버에 요청하는 방식으로 DATA와 .html을 통신할때 2개에 서버가 필요하게 되지만
AJAX를 사용하면 json방식으로 데이터를 통신해서 서버가 하나로 해결이가능하다.

AJAX를 사용하는 이유 2

• 비동기식 통신을 하기 위해서이다.

  비동기식이란 절차(순서)상관없이 통신을 하는것이다.
  

예를들어 위의 게시판이있고 프로그래밍 실행순서가

1.베너

2.로그인폼

3.게시판 폼

4.카테고리

이고, 3.게시판 폼이 데이터가 커거 로딩하는데 시간이 조금 걸린다는 가정으로 일반적으로 동기식(절차)으로 실행하면 4번의 카테고리는 게시판폼이 다 화면에 로딩되는데까지 기다리다 절차적으로 카테고리가 로딩된다

하지만 AJAX를 사용해서 3번 게시판폼을 비동기적으로 프로그래밍을한다면 4번카테고리는 3번 게시판폼이 다 로딩되는 데까지 기다리지 않고 먼저 카테고리를 화면에로딩한다.