출처는 다음과 같습니다.
https://poiemaweb.com/js-ajax
https://coding-factory.tistory.com/143
브라우저가 작동하는 방식이 CSR이든 SSR이든 브라우저와 서버의 통신이다.
이것은 어떻게 일어나는가?
서버는 요청받은 페이지(HTML)을 반환하는데 이때 HTML에서 로드하는 CSS나 JavaScript 파일들도 같이 반환된다.
클라이언트의 요청에 따라 서버는 정적인 파일을 반환할 수도 있고 서버 사이드 프로그램이 만들어낸 데이터를 반환할 수도 있다.
서버로부터 웹페이지가 반환되면 클라이언트(브라우저)는 이를 렌더링하여 화면에 표시한다.
Ajax
- Ajax는 JavaScript의 라이브러리.
- 페이지의 일부만을 위한 데이터를 로드하는 기법.
- 자바스크립트를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술.
- 페이지 전체를 로드하여 렌더링할 필요가 없고 일부만 갱신하기 때문에 빠른 퍼포먼스와 부드러운 화면 표시 효과
비동기 방식
- 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식.
- 이를 이용하면 불필요한 리소스를 제외하고 필요한 부분만 불러와 사용할 수 있음
자바스크립트 비동기 처리 과정
자바스크립트 엔진은 기본적으로 하나의 쓰레드에서 동작한다.
이는 하나의 stack을 가지고 있다는 의미와 같고, 하나의 stack이 있다는 의미는
동시에 단 하나의 작업만을 할 수 있다는 의미이다.
자바스크립트 엔진은 하나의 코드 조각을 하나씩 실행하는 일을 하고,
비동기적으로 이벤트를 처리하거나 Ajax 통신을 하는 작업은 사실상 Web API에서 모두 처리된다.
출처 : http://sculove.github.io/blog/2018/01/18/javascriptflow/
생경하다.