# HTTP와 AJAX의 차이점

## 차이점

| 구분   | 통신 유형             | 차이점                                                                                                                                                                                                                                                                                                             |
| ---- | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| HTTP | 동기(synchronous)   | <ul><li>기존의 브라우저와 서버의 통신 방식이다. </li><li>통신을 요청하면 기존의 모든 데이터(html, css, image 등)를 다시 요청하고 전송 받아서 또 해석하는 방식이다.</li><li>한 번 통신을 요청 할 때마다 페이지가 다시 로드되는 시간이 오래걸린다.</li></ul>                                                                                                                                         |
| AJAX | 비동기(asynchronous) | <ul><li>페이지를 새로고침하지 않고 필요한 데이터만 받아와서 내용을 업데이트한다. </li><li>시간이 단축 되며 불필요한 데이터 해석을 할 필요가 없어져서 네트워크 사용량을 줄 일 수 있다. </li><li>사용자의 브라우저에 데이터를 전송하는 것은 네트워크를 통해 전송하기 때문이다. (<a href="https://app.gitbook.com/@shhn0509/s/dom/~/drafts/-MQq3Zg9CAGcg_134aue/ajas/ajax-1/ajax#ajax-advantage">AJAX 장점 참고</a>)</li></ul> |

## 동기와 비동기

[JavaScript의 동기와 비동기](https://shhn0509.gitbook.io/javascript/event-processing-point#synchronous-and-asychronous)

![비동기과 동기 ](https://1258214208-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQG_6grsIF7SikoY7zP%2F-MQx0fk_vV-x9RA6Gx4B%2F-MQx1_yJhvwRTPaTa_41%2Fimage.png?alt=media\&token=1952a372-c322-4583-b10f-d469198dc089)

##