# MPA

29개의 포스트
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일
·
0개의 댓글
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개의 댓글
post-thumbnail

CSR/SSR, SPA/MPA, SSG, PWA란?

웹 개발자라면 제대로 이해하고 있어야 할 용어인 CSR/SSR, SPA/MPA, SSG, PWA, TTV, TTI에 대해서 정리해본다.

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

MPA와 SPA(추가 : CSR, SSR)

웹은 어떻게 동작하는지 알아보자!! (CSR, SSR)

2021년 4월 20일
·
0개의 댓글
post-thumbnail

SPA vs MPA

SPA vs MPA

2021년 4월 13일
·
0개의 댓글
post-thumbnail

Client Side Rendering / Server Side Rendering

CSR vs. SSR

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

웹은 어떻게 동작할까? - 1. 사용자가 웹페이지를 보기까지

이번에 SPA(Single Page Aplication)을 공부하면서 내가 웹 페이지의 동작 원리에 대해서 제대로 모르고 있다는 생각이 많이 들어 한번 총 정리를 해보려 한다. 오해하고 있던 부분 클라이언트는 서버로부터 html 파일만 가져온다? 이 생각은 잘못된

2021년 3월 23일
·
17개의 댓글
post-thumbnail

SPA vs MPA

한 개의 페이지로 구성된 어플리케이션이다.웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드한다.그 이후 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다.어떤 링크를 클릭한다고 해서 그에 관련된 모든 파일을 다운

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