1. AJAX(Asynchronous javascript and XML) : SPA를 만드는 기술 , 웹 페이지에서 서버에게 동적으로 주고 받을 수 있는 기술

AJAX

• 서버와 자유롭게 통신 ex) 검색창에 글자를 입력할때마다 추천검색어가 자동으로 뜨게된다

• 신 : fetch , 구 : XMLHttpRequest(XHR)

• 페이지 깜빡임 없이 seamless하게 작동

• JavaScript와 DOM 이용

• AJAX는 CSR(Client Side Rendering)을 위해 사용

fetch API를 통해 AJAX 요청을 보낼 수 있다

1. SSR과 CSR

SSR(Server Side Rendering) : 웹 페이지를 브라우저에서 렌더링 하는 대신에, 서버에서 렌더링

Loading 속도가 빠름

서버에 과부하가 걸리기 쉬움

CSR(Client Side Rendering) : SSR의 반대, SSR이 서버 측에서 페이지를 렌더링 한다면, CSR은 브라우저(클라이언트)에서 페이지를 렌더링

CSR에선 SEO가 좋지 않음

*렌더링 : 서버로부터 HTML 파일을 받아 브라우저에게 뿌려주는 과정

SSR과 CSR은 렌더링되는 위치가 다르다