"SPA"란?

 SPA란?

Single Page Application의 약자이다. 단일 페이지 어플리케이션

 

• 어떠한 웹 사이트의 전체 페이지를 하나의 페이지에 담아 화면을 변경해 표시하는 기술이다.

 

• 랜더링의 역할을 서버에게 넘기지 않고 브라우저에서 처리하는 방식이다.

 

• 웹 애플리케시션에 필요한 모든 정적 리소스를 최초에 한번 다운로드 하고,이후 새로운 페이지 요청시 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하게 된다. 

 

SPA의 장점

• 새로운 페이지 요청시 변경부분만 갱신 전체적인 트래픽 감소 랜더링에서의 좋은 효율
• 새로고침 발생 x 빠른 화면 이동 가능
• 트래픽의 감소와, 속도 반응 향상 앱처럼 자연스런 UX를 제공한다
• 모듈화, 컴포넌트별 개발이 용이
• 백엔드와 프론트엔드가 비교적 명확하게 구분가능

 

SPA의 단점

• 정적 리소스를 한번에 다운로드하기 때문에 초기 구동이 느리다
• 자바스크립트를 통해 구현되므로 코드가 외부로 노출되는 보안적 문제
• 검색엔진 최적화(SEO)가 어렵다.
• 구현 복잡