비전공자 관점에서 보는 MPA, SPA, CSR, SSR

MPA & SPA : 웹 어플리케이션을 구성하는 형태 MPA(Multiple Page Application) - 전통적인 방식, 다수의 페이지로 구성되어 요청마다 정해진 페이지를 반환 SPA(Single Page Application) - 단일 페이지, 해당 페이지 자체에서 화면을 재구성 ex) React CSR & SSR : 렌더링 방식 CSR - 클라이언트 사이드(브라우저)에서 HTML 문서를 렌더링 - SPA의 방식 - 최초 요청 시 받아온 HTML 문서는 거의 비어있으며, 그 후 JS 등 다른 파일을 로드하여 브라우저 단에서 렌더링을 실시해 화면을 구성. 특징 로딩시간 - 초기 로딩이 완료되기 까지 오래 걸림 SEO - 빈 HTML 문서가 넘어오므로 최적화가 어려움 인터랙션 속도 - 번들링된 js..

2022.08.23