[ AJAX ] 웹의 동기/비동기 통신

 

 

[ 비동기 통신(AJAX) ] 

• ajax(Asynchronous Javascript And XML) :
  비동기적인 웹 애플리케이션의 제작을 위해 XMLHttpRequest를 사용하여 통신을 하는 기술
• 페이지의 본래 목적이 아닌 내용을 처리하기 위한 통신
• 화면을 그대로 유지한 채 백그라운드에서 통신
• 페이지의 본래 목적 달성에 도움을 주기 위해서 사용
• 사용자의 사용성을 향상시키기 위해서 사용
• 사용 명령 : 

 

$.ajax({option})

 

• 회원 가입 같은 것이 동기 통신. 근데 아이디 중복검사가 비동기통신.
• DB에 접근할 수 있는 건 스프링 뿐!
• 현재 페이지를 유지시키면서 몇번이고 발생할 수 있는것이 비동기 통신

---

[ 동기 / 비동기 통신 비교 ]
1. 동기 통신:

실시간 통신	송신자가 메시지를 보내면, 수신자는 즉시 그 메시지에 응답.
대기 현상	송신자와 수신자는 서로를 기다리며 동시에 일을 처리하게 됨. 한 쪽이 일을 처리하는 동안 다른 쪽은 기다려야 함
간단한 통신	주로 작은 규모의 데이터를 주고 받을 때 사용되며, 일반적으로 동기적인 방식으로 동작 함.
명령-응답 방식	명령을 내리고 그에 대한 응답을 기다리는 방식으로 동작함.

2. 비동기 통신:

시간에 구애받지 않음	송신자가 메시지를 보내면, 수신자는 즉시 응답하지 않고 그 메시지를 나중에 확인하고 처리
병렬 처리	송신자와 수신자가 동시에 일을 처리할 수 있어, 한 쪽이 작업을 기다리지 않고 다른 작업을 수행
대용량 데이터 전송	주로 대용량이거나 오랜 시간이 걸리는 작업에 적합하며, 데이터를 조금씩 나누어 보내고 받을 수 있음
이벤트 기반	이벤트가 발생하면 그에 따라 비동기적으로 작업을 처리하는 방식

 

 

 

 

 

 

 

 

개인 공부 기록용입니다:)

참고 : https://inpa.tistory.com/entry/WEB-%F0%9F%8C%90-%EB%B9%84%EB%8F%99%EA%B8%B0Async%ED%86%B5%EC%8B%A0-%EB%8F%99%EA%B8%B0Sync%ED%86%B5%EC%8B%A0