G's days

[용어] SPA : 한 번만 페이지 불러옴, 이후 특정 부분 데이터 바인딩 본문

프로그래밍 공부/용어

[용어] SPA : 한 번만 페이지 불러옴, 이후 특정 부분 데이터 바인딩

Hi☆G 2021. 8. 3. 22:34

SPA (Single Page Application)

단일 페이지 어플리케이션

 

SPA구현

하나의 html파일에서

js, css등의 리소스 파일과 모듈을 로드하고,

그 페이지 안에서 특정 영역만 새로 모듈을 호출하고 데이터를 바인딩한다.

 

종류

React.js, Vue.js는 컴포넌트 수준의 프레임 워크다.

컴포넌트(재사용이 가능한 최소단위)들이 한 페이지를 작성하고,

특정 부분만 데이터를 바인딩한다.

 

기존의 방식과 차이점

기존의 웹 서비스 요청시마다 서버로부터 리소스들과 데이터를 받아 해석하고 화면에 렌더링하는 방식이다.

SPA방식은 브라우저에서 최초 한 번 페이지 전체를 로드하고, 이후부터는 특정부분만 Ajax를 통해 데이터를 바인딩 한다.

 

 

 

 

 

 

* Template Engine(템플릿 엔진)https://gsdays.tistory.com/119

참고: https://linked2ev.github.io/devlog/2018/08/01/WEB-What-is-SPA/