동기와 비동기방식 개념

동기 방식이란

어떤 요청을 서버로 보냈을 때 서버에서 응답이 오기까지 기다렸다가 다음 작업을 하는 방식이다.

비동기 방식이란 

어떤 요청을 서버로 보냈을 때 서버의 응답을 기다리지 않고 다음 작업을 하는 방식이다.

정리하면,

기존의 방식은 화면이 깜빡하고 페이지가 바뀌는 방식이다. 즉 요청이 있을 때마다 그 요청이 끝날 때까지 기다린 후 화면이 깜빡하면서 페이지가 바뀌는 것인데 ajax는 화면이 깜빡하지 않고 자바스크립트 메서드가 실행되어 새로운 페이지가 열리는 게 아니고 원래 있던 페이지의 자바스크립트 함수로 값이 들어와 화면에 보여준다. 그렇기에 화면을 깜빡하지 않고 데이터를 가져온다.

 

예) 검색어 자동완성 같은 경우에 글자가 입력될 때마다 DB의 값과 조회하여 그 뒤의 값을 띄어주는 것인데 동기식으로 처리하면 글자를 입력할 때마다 화면이 깜빡거릴꺼고 전송 버튼도 글자마다 눌러줘야 하는 불편함이 생긴다.