SPA방식과 MPA 방식

만분의 일·2022년 8월 14일
0

MPA

MPA 방식은 일반적인 웹 어플리케이션의 동작 방식으로, 브라우저 주소창에 url이 입력되고 제출되면 서버 컴퓨터로 HTTP 통신으로 요청(request)을 보내고 서버 컴퓨터는 그에 맞는 경로의 리소스(HTML,JS,CSS...)를 전송해줌으로써 응답(response)하는 것이다. 그래서 여러 HTML 페이지를 가진 어플리케이션, Multi Page Application이라 부른다.


SPA

SPA 방식은 JavaScript 언어의 발전과 함께 최근 대두된 개발 방법론으로, 서버에 페이지를 요청하지 않고 클라이언트가 처음 접속때 전송받은 리소스만을 가지고 웹페이지의 UI를 렌더링 하는 것이다.

SPA를 개발하는 프레임워크 중 내가 공부하고있는 React는 js 파일에서 마크업 언어 JSX를 리턴해내는 Component라는 개념을 사용하여 js 파일이 웹 페이지의 마크업을 렌더링 하도록 설계되었고, 그로인해 클라이언트는 서버에게 여러개의 HTML페이지를 요청하지 않고도 클라이언트가 가지고 있는 리소스로만 MPA에서의 hyper-text간 이동을 구현할 수 있게 되었다.

SPA와 MPA 차이점

SPA를 MPA와 비교했을 시 장단점이 존재하는데 렌더링시 클라이언트의 컴퓨팅 자원을 사용하고 서버와의 통신횟수가 상대적으로 적기때문에 서버 컴퓨터에 부담을 적게 주며 페이지 이동이 더 빠르다는 장점이 있지만, 초기 리소스들을 내려받는데 상대적으로 오래걸리고 SEO(Search Engine Optimization,검색엔진 최적화)가 어렵다는 단점을 가지고 있다.

profile
1/10000이 1이 될 때 까지

0개의 댓글