IT 개발 상식 06 - SPA (Single Page Application) 란?

 

Single Page Application

기존 MVC 아쉬움

     1. 작은 변화에도 페이지를 '깜빡'이면서 새로고침하고 다시 웹사이트를 불러온다. (하나때매 작업을 다시함,비효율)

             ㄴ ajax 가 나와서 이 문제가 어느정도는 해결됌, http 통신으로 데이터 전송후 그 부분만 변경(JS로 일일히)

     2. 모바일 시대가 열리고 PC용, 모바일, 안드로이드, ios 개발을 해야함.

 

-> 서버에서 데이터만 보내줘도 브라우저에서 랜더링이 가능하면 서버는 어디서 정보를 요청하든 동일한 작업을 수행해서 데이터를 전송하면 된다.

 

웹에서 이렇게 동작하도록 만들기 위해 JS 를 이용한 프레임워크가 탄생한다.

   ㄴ 주어진 데이터에 따라 서버가 하던 일을 브라우저에서 해낼 수 있도록 함

   ㄴ 한번 로드된 화면에서 여러가지 일을 처리 Single Page Applicataion (SPA)

 

Angular

React

Vue

 

 

렌더링이란 ?     서버로부터 파일을 받아 브라우저에 뿌려주는 과정이다.

 

브라우저는 서버로부터 HTML 문서를 다운 받는다.
렌더링 엔진은 HTML 문서를 파싱해서 DOM 트리를 만든다.