# MPA

34개의 포스트

CSR-SSR/SPA-MPA

서버로부터 HTML 파일을 받아 브라우저(Client)에 표현하고 그리는 작업을 렌더링이라한다. HTML, CSS, JS 등 개발자가 작성한 문서가 브라우저로 출력되는 일련의 과정TODO -> 렌더링 과정 링크 추가SSR: Server-Side Rendering(서버

2022년 1월 18일
·
0개의 댓글
post-thumbnail

React Router, SPA,MPA

React Router 화면 전환하는 Router CSS 전처리기 Sass SPA 란? single page application : 페이지가 1개인 애플리케이션 페이지 수만큼 html 파일이 존재 (mpa방식)하지만 리액트 프로젝트에서 .html 파일은 1개

2021년 12월 30일
·
0개의 댓글
post-thumbnail

TIL- SPA MPA CSR SSR

1. 웹의 역사와 발전 > 1세대 웹 - 전통적인 Web System Architecture (정적인 웹) 2세대 웹 - User Interaction 의 증가 (동적 웹) 3세대 웹 - SPA(Single Page Application) - 구별되기 시작하는 Fr

2021년 12월 23일
·
0개의 댓글

MPA,SPA,SSR,CSR

Multi-page Application의 약자로 두 개 이상의 페이지로 구성된 애플리케이션을 의미Single-page Application의 약자로 하나의 페이지로 구성된 애플리케이션을 의미렌더링(Rendering)방식이란 결국 화면에 그려지는 것은 HTML인데 이것

2021년 12월 22일
·
0개의 댓글

CSR과 SSR

1\. SPA, MPA

2021년 12월 15일
·
0개의 댓글
post-thumbnail

[WEB #12] SPA vs MPA, CSR vs SSR

SPA는 3세대 웹이 등장하면서 기존의 웹이 제공해주지 못했던 풍부한 UX를 구현할 수 있게 해준 중요한 개념이다. SPA는 CSR과 SSR, 두 가지 방법으로 지원할 수 있다.MPA는 Multi Page Application의 약자로 정적 웹사이트로 개발된 HTML

2021년 10월 26일
·
0개의 댓글

CSR / SSR, SPA/MPA, PWA 에 대하여

CSR / SSR, SPA/MPA, PWA

2021년 10월 11일
·
0개의 댓글
post-thumbnail

CSR, SSR

각 두개의 단어는 서로의 대척점에 있다고 볼 수 있다. CSR 와 SSR SPA 와 MPA 해당 개념에 대해 헷갈리지 않도록 조금 더 쉽게 작성해보기로 하였다. 웹 브라우저(크롬, 웨일, 파이어폭스, IE, ...)에서 실제로 우리가 볼 수 있는 화면이 있다.

2021년 9월 20일
·
0개의 댓글

TIL. 43 CSR, SSR

💡 SPA (Single Page Application) 말 그대로 하나의 페이지로 이루어진 웹 애플리케이션으로, 서버에서 최초에만 페이지를 받아온 후 이후에는 동적으로 구성해 새로운 페이지를 받아오지 않는다.(데이터를 수정, 조회할 때 새로 고침되지 않음) 쉽게 말해, 처음 불러왔던 페이지의 내용만 변경하는 방식이고, 페이지 이동간 서버에 요청을 하지...

2021년 9월 17일
·
0개의 댓글

CSR / SSR / SPA / MPA

렌더링 방식에 대한 차이로 나뉘는 CSR & SSR (렌더링을 어디서하느냐) CSR (client side rendering) 동작순서 서버에서 브라우저로 응답을 보냄 -> 브라우저에서 js script를 다운받음 -> 브라우저가 react를 실행함

2021년 9월 8일
·
0개의 댓글
post-thumbnail

CSR과 SSR, SPA와 MPA

이번 주제는 렌더링(Rendering)방식과 웹 아키텍처(Architecture)입니다. 렌더링 방식과 웹 아키텍처 보다 CSR과 SSR, MPA와 SPA 등의 용어를 주로 사용하므로 개념의 명확함을 위해 이와 같은 주제를 정하게 되었습니다. 들어가기 전에 선행학

2021년 8월 23일
·
0개의 댓글

SPA와 MPA

SPA (Single Page Application)하나의 HTML 파일을 기반으로 자바스크립트를 이용해 동적으로 화면의 컨텐츠를 바꾸는 방식의 웹 애플리케이션이다.MPA (Multiple Page Application)사용자가 페이지를 요청할 때마다, 웹서버가 요청한

2021년 8월 19일
·
0개의 댓글
post-thumbnail

웹 개발 방식(SPA,MPA,SSR,CSR)

웹 개발 방식은 여러가지 방법이 있겠지만, 그 중에서도 모던 웹 개발방식이라 불리는 PWA, SPA 와 전통적인(?) 방식의 MPA를 공부한 글HTML,CSS , JavaScript 같은 웹 기술로 만드는 앱이다.실제 앱은 아니지만 웹에서 사용자로 하여금 앱처럼 느낄

2021년 8월 11일
·
0개의 댓글
post-thumbnail

[WEB #2] WEB 서비스의 역사와 발전 (feat.개발자의 일자리)

\[\[WEB 이 놀라운 혁신은 거의 모든 산업 전반에의 혁신을 가져왔고, 개발의 영역이 넓고 세분화되는 효과를 가져왔다. 가장 큰 혁신을 가져온 분야는 '유통' 업계다.예전에는 소프트웨어를 구입 하려면 물리적인 매개체가 필요했는데, 인터넷이 발명되면서 유통 과정이 혁

2021년 7월 29일
·
0개의 댓글
post-thumbnail

SPA와 기존 웹사이트의 차이

SPA(Single Page Application)는 모던 웹의 패러다임이다. SPA는 단일 페이지로 기존의 서버 사이드 렌더링과 비교할 때, 배포가 간단하며 네이티브 앱과 비슷한 사용자 경험을 제공한다는 장점이 있다.SPA는 웹 앱에 필요한 모든 정적 리소스를 처음에

2021년 7월 2일
·
1개의 댓글
post-thumbnail

정접웹에서 SSR의 등장까지

정적웹에서 SSR 방식이 등장하기까지 시간 순으로 정리해보았다.

2021년 6월 17일
·
0개의 댓글
post-thumbnail

[TIL] 웹 렌더링

유저인터렙션이 증가JS등장 !! (기능이 가능한 웹페이지) Create React application이라고 한다.아무런 초기 설정 없이 CRA를 통해 React SPA 사이트를 구현할 수 있습니다.CRA탄생 전엔 웹팩과 바벨로 초기세팅을 진행했다고 합니다.브라우저,

2021년 5월 31일
·
0개의 댓글

[Web Development] CSR/SSR/SSG 란? (feat. SPA,MPA)

브라우저에서 우리가 실제로 보는 화면을 어디서 최종적으로 만들어서 보여주느냐에 따라 CSR과 SSR 로 나뉜다.차이점으로는 크게 초기 렌더링속도, SEO(검색엔진최적화), 보안으로 볼 수 있다.SPA(Single Page Application)은 Client Side

2021년 5월 23일
·
0개의 댓글