[Part.3] SPA

 

 

1. SPA(Single Page Application)

- 직역하면 하나의 페이지 서비스이지만 다수의 페이지를 표시하는 데 있어서 과거 전통적인 방식으로 페이지 전환을 수행하지 않고, 마치 하나의 페이지인 것처럼 처리하는 기술을 의미한다.
- 웹페이지의 구조가 어떤 방식으로 작동하는지를 설명하는 용어이다.
- 랜더링이 클라이언트 측에서 이루어지는 CSR
- 이전에는 MPA(Multi Page Application)로 다중의 페이지로 서비스가 이루어졌었다.

ⓘ Note

MPA(Multi Page Application)
최초 요청 시 데이터를 전달받고 다음 화면 요청 시 또 다시 데이터를 전달 받는다.
SPA(Single Page Application)
최초 요청 시 데이터를 전달받고 다음 화면 요청 시 통신 후 필요한 데이터만 전달 받는다.

 

 

2. SPA 장점

- 최초에 모든 리소스들을 받는다.
- 화면이 바뀌는 것처럼 보이지만 하나의 페이지에서 동작하는 것과 같다.
- 하나의 페이지 내에서 움직여서 화면 전환이 부드럽다.
- 유지보수가 용이(프론트와 백엔드의 담당자 분리)