SPA(Single Page Application)

SPASingle Page Application의 약자로 웹사이트를 구성하는 방법중의 하나입니다.

'Single Page'라고 해서 컨텐츠가 한페이지인 간단한 웹사이트를 나타내는 말은 아닙니다. 보통 웹사이트처럼 여러페이지가 있고 회원가입, 로그인, 글쓰기 등 복잡한 기능을 지원하지만 이 페이지들은 처음 호출된 HTML상에서 추가로 필요한 데이터만 서버로부터 받아 화면을 새로운 페이지를 구성해 주는 것으로 실제로 HTML의 추가 호출은 일어나지 않습니다.

일반적인 웹사이트에서 메뉴바, footer부분 등은 페이지마다 내용이 변하지 않음에도 불구하고 이동할때마다 서버에서 같은 HTML 코드를 새로 읽어오게 되므로 불필요한 데이터가 소모되게 됩니다. SPA에서는 이러한 불필요한 데이터의 교환이 없고 필요한 부분만 계속해서 바뀌기 때문에 사이트의 속도가 빨라집니다. 서버는 불필요한 코드가 계속 요청되는 일이 없고, rendering 도 client 상에서 일어나기 때문에 트레픽도 줄고 일도 적게 하게 되죠.

참고로 A-MEAN-Blog.com도 SPA로 구성되어 있습니다.

댓글

S
Sungwon Lim 2016.10.31
react js 와 angular js 의 차이는 뭔가요??
I
Ian H 2016.10.31
@Sungwon Lim,
React는 페이스북이 만든건데 angular와 마찬가지로 front end framwork입니다. 다만 문법이나 사용법이 완전히 다르고 지향하는 방향도 다르죠. Angular는 구글이 만들었습니다
댓글쓰기

이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기

UP