싱글페이지어플리케이션(SPA)

브라우저가 있고 프론트엔드서버가 있다
주소를 입력하면 html,css,js를 브라우저가 받아온다
이때는 속도가 살짝 느리지만 거대한 1개의페이지를 받아오고 서버에 새로 접속할 필요없이 페이지 이동을 하게 만든다
그런이유로 처음만 느리지 나중에는 새로고침이 없기 때문에 속도가 훨씬 더 빠르다
(클라이언트사이드렌더링,CSR)

router는 싱글페이지어플리케이션 기능이다
html,css,js 가 불러오기 전에 useEffect가 먼저 일어나서 kakao.maps가 어디 있냐며 에러가 발생한것이다
그래서 a태그를 사용하면 해당페이지로 접속을해서 새로고침이 일어나 에러가 발생하지 않는다 프레임워크마다 사용하는 router가 다르지만 a 태그의 경우는 시멘틱요소로서 a태그가있다는걸 알려줄 수 있다

싱글페이지어플리케이션은 새로고침이 일어나지 않아 부드럽게 페이지 이동이 가능하다

멀티페이지어플리케이션(MPA)

MPA는 여러 개의 Page로 구성된 application 이다.
MPA는 새로운 페이지를 요청할 때마다 정적 리소스가 다운로드 되고, 그에 맞춰 전체 페이지를 다시 렌더링한다.
사용자가 어떤 요청을 하면, 그에 맞는 html, 이미지 등의 파일들이 전부 다운로드 되고 다시 렌더링 된다.
쉽게 말해 새로고침을 통해 페이지를 불러오는 방법을 멀티페이지어플리케이션(MPA)이라고 부른다

MPA는 완성된 형태의 HTML파일을 서버로부터 전달기 때문에 검색 엔진이 페이지를 크롤링하기에 적합하다.

단점은 새로운 페이지를 요청할 때마다 전체 페이지를 다시 렌더링 하기 때문에 렌더링이 자주 일어나게 되어 비용소모가 크다