SPA(Single Page Application), Ajax

Single Page Application

서버로부터 완전히 새로운 페이지를 불러오지 않고 현재의 페이지에서 필요한 부분만 랜더링하는 동적인 형태의 웹 어플리케이션 혹은 웹사이트를 말한다.
AJAX를 이용해 대부분 리소스들은 어플리케이션 로드시 한번 읽고, Json과 같은 데이터는 어플리케이션 실행중 읽어와 동적인 화면 변경을 제공한다.

대표적인 예로는 페이스북.
대표적인 라이브러리는 React가 있으며, 프레임워크로는 Angular, Vue.js, Blazor 등이다.

장점 : 쉬운 운영배포, 빠른 반응성. 서버 요청이 적다.
단점 : 최적화가 힘들고 초기 구동이 느리다.

Ajax?

비동기 자바스크립트와 XML (Asynchronous JavaScript And XML)
페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"이 특징이고 이를 통해 전체 페이지가 아닌 일부분만을 업데이트 할 수 있다.

• 페이지 새로고침 없이 서버에 요청이 가능해지고,
• 서버로부터 데이터를 받고 작업을 수행할 수 있음