SPA/라우팅

SPA and Routing

• Single Page Application. 서버에 넘기는 HTML이 하나뿐이 어플리케이션이다.
• 전통적인 웹 사이트는 페이지를 이동할 때마다 서버에서 HTML, CSS, JS (정적 자원)을 내려준다면, SPA는 딱 한번만 정적 자원을 받아온다.
• HTML을 하나만 주는 가장 중요한 이유는 사용성 때문이다.
• 페이지를 이동할 대마다 서버에서 주는 HTML로 화면을 바꾸면 상태 유지가 어렵고, 바뀌지 않은 부분까지 새로 불러오기 때문에 비효율적일 수도 있다.
• 하지만, 단점이 없는 것은 아니다. SPA는 딱 한 번만 정적 자원을 내려받다보니, 처음에 모든 컴포넌트를 받아온다.
• 즉, 사용자가 방문하지 않을 수도 있는 페이지까지 전부 가지고 온다. 더욱이, 한 번에 모든 페이지를 가지고 오므로 매우 많은 컴포넌트가 있다면 첫 로딩 속도가 느려진다.

---

라우팅

• SPA는 HTML 페이지를 하나 가지고 있지만, SPA도 브라우저 주소에 따라서 다른 페이지를 보여줄 수 있다.
• SPA 방식에서는 첫 로딩 때 모든 정적 자원(js, css 등)을 한 번에 가져온다. MPA 방식에서는 주소에 맞는 html을 열어주었지만 SPA는 주소창을 보고 주소에 맞게 매번 페이지를 조립해서 보여주어야 한다
• 브라우저 주소에 따라 다른 페이지를 보여주는 것을 라우팅이라고 부른다.