SPA(Single Page Application)

2021. 10. 22. 16:45React/문법

반응형

- SPA : 페이지가 1개인 어플리케이션, 뷰 렌더링을 유저의 브라우저가 담당하도록 하고, 우선 어플리케이션을 브라우저에 로드 한 다음에 정말 필요한 데이터만 전달받아 보여줌, SPA 의 단점은, 앱의 규모가 커지면 자바스크립트 파일 사이즈가 너무 커진다는 것 입니다. 유저가 실제로 방문하지 않을수도 있는 페이지에 관련된 렌더링 관련 스크립트도 불러오기 때문(code splitting 필요)

cf> 전통적인 웹 어플리케이션 : 여러 페이지로 구성,  유저가 요청 할 때 마다 페이지가 새로고침되며, 페이지를 로딩 할 때 마다 서버로부터 리소스를 전달받아 해석 후 렌더링을 합니다. HTML 파일, 혹은 템플릿 엔진 등을 사용해서 어플리케이션의 뷰가 어떻게 보여질지도 서버에서 담당

반응형

'React > 문법' 카테고리의 다른 글

Spread 연산자 사용 차이점  (0) 2022.01.10
라우터 컴포넌트 props  (0) 2021.10.22
Router 라이브러리  (0) 2021.10.22
API 연동 - Context 사용  (0) 2021.10.22
API 연동 - 커스텀 Hook or 라이브러리 이용  (0) 2021.10.22