MPA1 [React] SPA vs MPA SPA (Single Page Application) 한 개의 Single Page로 구성된 Application으로, 한 번 Resource(HTML, CSS, JavaScript)를 로딩하고 이후 데이터를 받아올 때만 서버와 통신한다. SPA는 Web application에 필요한 all static resource를 최초 한 번에 다운로드하고, 새 페이지 요청이 있을 때 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다. → CSR (Client Side Rendering) 방식으로 렌더링한다고 함 CSR 방식 사용하는 경우 초기 화면 렌더링에 시간이 걸릴 수 있음 장점 깜빡임 없이 자연스러운 UX 필요한 리소스만 부분적으로 로딩(성능상 유리) 서버의 템플릿 연산을 클라이언트로 분산 컴포넌트.. 2022. 6. 5. 이전 1 다음