React

[React] SPA

썽연 2021. 10. 13. 22:19
728x90

SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어로

한 개의 페이지로 이루어진 애플리케이션이다.

 

뷰 렌더링을 사용자의 브라우저가 담당하도록 하여,

애플리케이션을 브라우저에서 실행시킨 후에 사용자와의 인터랙션이 발생하면

필요한 부분만 자바스크립트를 사용하여 업데이트 해준다.

 

새로운 데이터가 필요하다면?

서버 API를 호출하여 필요한 데이터만 새로 불러와 그 부분만 수정!

 

SPA의 단점은 앱의 규모가 커지면 자바스크립트 파일이 너무 커진다는 것!

페이지 로딩 시 실제로 방문하지 않을 스크립트도 불러오기 때문 

=> 코드 스플리팅을 사용하여  라우트별로 파일들을 나누어 해결!

 

SPA라고 단 한페이지만 있는 것이 아님!

=>라우터를 이용하여 페이지 이동

728x90