[Knowledge] 싱글 페이지 애플리케이션(Single Page Application)

들어가기 전

싱글 페이지 애플리케이션에 대한 내용을 정리하기 위함이다.

---

본문

1. SPA(Single Page Application) ?

싱글 페이지 애플리케이션은 SPA라고 불린다. SPA는 비동기적으로 서버에서 데이터를 받아와 화면에 갱신해 준다.

• 페이지 전체를 다시 로드하지 않고 필요한 데이터만(비동기적으로) 서버에서 받아와 갱신하는 방식이다.
• 한 개의 화면에서 javascript로 여러 개의 화면을 처리하는 방식

원래라면 애플리케이션과 상호작용할 때마다 서버에 요청하여 전체 HTML을 호출한 후 API가 호출된다면, 싱글 페이지 사이트를 HTML을 한 번만 호출하고 뿐이고 상호작용 할 때마다 화면 렌더링을 로컬 PC에서 즉시 생성하므로 API 만 계속 호출되는 것을 볼 수 있을 것이다. 때문에 더 빠르게 화면 전환을 처리할 수 있어서 널리 사용되고 있다.

 

2. 동기적 & 비동기적

동기적: 어떤 작업을 요청했을 때 그 작업이 종료될 때까지 기다린 후 다음 작업을 수행하는 방식

비동기적: 어떤 작업을 요청했을 때 실행 중인 작업이 종료되지 않고 작업을 하고 있다가 먼저 작업이 종료되면 나머지 작업을 수행하는 방식 - SPA가 여기에 해당된다.