web

Multiple Page Application(MPA) & Single Page Application(SPA)

웹 어플리케이션을 페이지 구성하는 방법은 여러가지가 있다. 하나의 페이지로 다양한 상호작용으로 작동하는 Single Page Application과 다양한 페이지를 구성하는 Multiple Page Application가 대표적이다. 두 구성의 어플리케이션에 대해 알아보고 어느 서비스에서 해당 구성을 사용하면 좋을지 알아보자. 해당 포스트에는 SSR과 CSR에 대한 지식이 나오므로 해당 지식을 잘 모른다면 이전 포스트를 살펴보고 오는 것이 좋을 것 같다. [Web/frontEnd] - Server Side Rendering(SSR)과 Client Side Rendering(CSR) Multiple Page Application(MPA) Multiple Page Application, 즉 MPA는 말 그대..

Server Side Rendering(SSR)과 Client Side Rendering(CSR)

CSR(Client Side Rendering)과 SSR(Server Side Rendering)은 대척 관계에 있는 방식인만큼 장단점이 서로 엇갈려 있다. 따라서 서로의 장단을 정확하게 알고, 적재적소에 필요한 방식으로 구현하는 것이 중요하다. 1. Server Side Rendering(SSR) server side rendering은 서버에서 렌더링을 하여 출력하는 방식을 말한다. SSR의 작동 방식 유저가 웹사이트에 대한 정보를 요청하면 서버에서 즉시 렌더링이 가능한 HTML 파일을 생성하고 이를 클라이언트에게 전송한다. 해당 HTML 파일을 받은 클라이언트는 즉시 렌더링을 한다. 이 때 홈페이지 작동은 하지 않는다. 왜냐하면 아직 javascript에 대한 정보를 받지 않았기 때문이다. 이 때 ..