SPA(Single Page Application)

혼자 연습해볼 웹 프로젝트 진행을 앞두고

사용할 프레임워크를 조사하고 진행방향을 고민하는 과정에서

새로운 정보가 많아 계~속 공부하는 중입니다😵

SPA에 대해 접하게됐는데

정리해두는게 좋을거같아 정리해봅니다.

---

1. SPA(Single Page Application)이란?

싱글 페이지 애플리케이션(single-page application, SPA)은 쉽게 말해 1개의 페이지만 있는 애플리케이션이다.

여러 페이지로 구성되어있는 일반 웹사이트와 다르게  SPA는 서버로부터 하나의 페이지만 로드하고 사용자와의 상호작용을 통해 필요한 데이터만 동적으로 호출해 로드된 페이지를 다시 구성하는 방식으로 동작한다. 트래픽 총량을 줄일 뿐만아니라 웹의 사용성을 높이고 속도를 향상 시키는 장점이 있다.

 

2. 장점과 단점

장점

• 서버 요청이 적다
• 개발이 간단하고 능률적이다.
  페이지를 렌더링하기 위한 서버 코딩이 필요 없다.
• 모바일 웹을 만들기 쉽다.
  웹과 네이티브 모바일 앱의 동일한 백엔드 코드를 재사용할 수 있기 때문이다.
• 프론트엔드와 백엔드 분리로 개발 업무 분업화 및 협업에 용이

 

단점

• 초기 구동 속도가 상대적으로 느리다
  웹 애플리케이션에 필요한 모든 정적 리소스를 최초에 한번 다운로드하기 때문이다.
• 웹 크롤러가 데이터를 수집할 수 없다
  SPA의 소스코드는 최초에 앱을 실행하기 위한 script, link태그나 데이터가 비어있고 뷰의 틀 정도로 구현되어 있기 때문이다.
• 자바스크립트의 메모리 누수가 시스템을 느리게 만들 수 있다.