-
1. SPA (Single Page Application): browser에 페이지 전체를 로드하고 이후 특정부분은 ajax를 통해 데이터를 바인딩
1) 개요
(1) html이 하나
(2) request마다 새로운 html을 호출할 필요가 없음
2) 장, 단점
(1) 프론트와 백엔드가 분리
(2) 반응형 디자인 = 즉각성
(3) 디버깅이 용이
(4) 자바스크립트 지식이 필요
3) 종류: Angular, React, Vue...
2. MPA (Multi Page Application): request가 오면 서버에서 리소스와 데이터를 해석하고 화면에 렌더링
1) 개요
(1) html이 여러개로 클래식한 구조
(2) 각 페이지가 서버로 요청을 보낸 후 모든 데이터를 업데이트 시킴
(3) 속도, 성능에 영향 발생 -> 이를 해결하기 위해 js, jquery를 이용하여 속도 향상
2) 장, 단점
(1) 관리가 용이
(2) 역사가 오래되어 참고할 수 있는 자료가 많음
(3) request가 들어올 때마다 페이지를 업데이트해야하기에 로딩 시간이 발생
(4) 프론트와 백엔드가 혼재되어 있어 서버 언어와 프론트 언어가 모두 필요