SPA란?

Single Page Application의 약자. 페이지가 한 개인 어플리케이션

• 서버에서 제공하는 페이지는 하나
• 로딩을 한 번하면 웹 브라우저에서 나머지 페이지들을 정의
• 페이지에 들어온 후 다른 페이지로 이동 시 서버에 새로운 페이지를 요청하는 것이 아니라, 새 페이지에서 필요한 데이터만 받아옴.
• react-router로 구현 가능.

SPA 단점

• 앱 규모가 커지면 자바스크립트 파일 크기도 커짐.

• 페이지를 로딩할 때, 유저가 방문하지 않을 페이지도 함께 불러옴.

  -> 코드 스플리팅(code splitting) 기술을 사용하면 개선 가능.

김땡땡's blog

김땡땡