# MPA

117개의 포스트

01)페이지 이동 = 페이지 이동 + 라우팅

페이지 이동이라는 용어를 나한테 맞게 쉬운 용어로 설명한 글

3일 전
·
0개의 댓글
·
post-thumbnail

NEXT12 - SPA와 CSR, MPA와 SSR

싱글 페이지 어플리케이션 (SPA, Single Page Application) 말 그대로 하나의 페이지로 구성된 어플리케이션. 하나의 페이지가 다양한 페이지로 보이게 하기 위해 CSR과 밀접한 관계에 있다. > 최초에, 클라이언트는 서버로부터 HTML과 Java

4일 전
·
0개의 댓글
·

나는 정말 React.js 가 싫다고요 (Feat. HTMX..)

기억을 되짚어보자.. 오래전부터 계속 머릿속에 머물던 생각이다. 두서없이 지껄여보고 싶다. 일단 짤막하게 나의 웹 개발 역사를 짚어보자. 나는 처음 웹 개발을 PHP를 통해서 접하게 되었다. 당시 대학교 교양수업 중 하나가 PHP로 배우는 웹 개발? 뭐 비슷한 이름의

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

SSR? or CSR?

CSR과 SSR을 다루기전에 검색을 해보면 SPA와 CSR || MPA와 SSR를 묶어서 설명해주는 곳들이 많아 조금 혼란 스러운 부분이 있지만 각각의 개념을 구분 지어 정확하게 이해해야 할 필요가 있습니다. SPA(Single Page Application)와 MPA(Multiple Page Application) 구조에 대해 알아보겠습니다. 🔴 M...

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

React SPA & CSR

Page Routing이란 브라우저에서 웹 서버로 페이지 요청을 했을 때 그 페이지를 응답하는 일련의 과정을 말한다. '/home'이라고 요청하면 웹 서버에서 'Home.html' 페이지를 반환해주는 과정 자체를 페이지 라우팅이라고 할 수 있다.여러개의 페이지를 가지고

2023년 8월 25일
·
0개의 댓글
·
post-thumbnail

[Next.js] Next.js 시작하기

SPA vs. MPA SPA (Single Page Application) 하나의 웹 문서만 불러오는 웹 어플리케이션 구현이다. 서버로부터 완전히 새로운 페이지를 불러오지 않고 브라우저에서 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소

2023년 8월 22일
·
0개의 댓글
·

SPA & MPA

SPA와 MPA의 차이를 알아보기 위해 작성한 포스트입니다.

2023년 8월 21일
·
0개의 댓글
·
post-thumbnail

이제와서 물어볼 수 없는, SPA

SPA 라는 개념이 세상에 나온지도 꽤나 지났다. React로 앱을 개발하고 있는 나조차 SPA에 대해서 잘 모르고 있는 것 같아서 정리할 겸 글을 쓴다.

2023년 8월 15일
·
2개의 댓글
·

SPA(Single Page Application), MPA(Multiple Page Application)이란?

SPA(Single Page Application)는 브라우저 내부에서 동작하는 앱이다. 사용하는 동안 페이지의 전환을 요구하지 않는다. Gmail, Google Maps, Facebook 같은 페이지가 대표적인 예시이다.SPA는 브라우저 환경에서 자연스럽게 UX를 제

2023년 8월 12일
·
0개의 댓글
·

[React] SPA(Single Page Application) &MPA(Multi Page Application) 🎬JSX

html 파일이 오로지 한개만 존재한다. 리액트로 만든 웹사이트는 페이지가 하나만 존재한다. (페이스북, 인스타그램, ...)SPA (Single Page Application)SPA 는 한개의 페이지로만 만들어져있는 앱 혹은 웹을 의미한다. MPA 는 여러개의 페이지

2023년 8월 11일
·
0개의 댓글
·

[React] 클라이언트 사이드 렌더링(CSR) & 서버 사이드 렌더링(SSR)

CSR, SSR에 대해 알아보기 전에 SPA와 MPA를 먼저 살펴보려 한다. 내가 SPA에 대해 알고 있던 것은 Single Page Application의 약자로 하나의 페이지로 구성되어 있고, React 라우터를 통해 SPA를 만들 수 있다 정도..?

2023년 7월 27일
·
0개의 댓글
·

SPA vs MPA SSR vs CSR

여러 개의 page로 구성된 applicationMPA SSR(server side Rendering) 방식으로 랜더링 새로운 페이지를 요청할 때마다 서버에서 랜더링 된 정적 리소스 다운 페이지 이동하거나 새로고침 하면 전체페이지를 다시 랜더링seo관점 (검색엔진 최적

2023년 7월 23일
·
0개의 댓글
·

[원티드 프리온보딩 챌린지] 자바스크립트의 발전(MPA, SPA, CSR, Browser Rendering)

오늘 부터 진행한 원티드에서 주관하는 프리온보딩 FE챌린지를 진행했다. 오늘 강의에서 학습한 내용을 기록해보자.

2023년 7월 5일
·
0개의 댓글
·
post-thumbnail

프엔챌 회고

자바스크립트의 발전이 어떻게 웹을 바꾸었는지 알아봅니다. MPA, SPA, CSR, Browser Rendering

2023년 7월 4일
·
0개의 댓글
·

MPA, SSR / SPA, CSR

1. Props 지난 State 실습에서 진행한 Counter에서 초기값을 0이 아니라 지정하고 싶으면 어떻게 해야할까? 이때 Props 개념을 사용한다. 부모 Component인 App에서 자식 Component인 Counter에게 값을 전달하는 방식을 Props

2023년 6월 30일
·
0개의 댓글
·
post-thumbnail

SPA vs MPA 무엇인가?

SPA와 MPA에 대해서 ...

2023년 6월 19일
·
0개의 댓글
·
post-thumbnail

CSR vs SSR with Next.js

CSR과 SSR는 어떤 차이점이 있을까? Next.js를 시작하는 방법까지.

2023년 6월 18일
·
0개의 댓글
·
post-thumbnail

Server Side Rendering은 부활한다.

필자는 벡엔드 개발자임. 간단한 벡오피스나, 사이드 프로젝트 만들 때는 프론트엔드는 React를 사용함. React의 생태계는 진짜 프론트엔드 중 끝판왕이라고 할 수 있음. 진짜 왠만한 거는 다 갖다 쓸 수 있다고 볼 수 있음. 단지 그 점 때문에, 지금까지 리액

2023년 6월 13일
·
2개의 댓글
·
post-thumbnail

React 필수 지식 #1

페이스북에서 관리하는 웹 페이지의 컴포넌트를 렌더링하고 빌드하는데 초점을 둔 가장 인기있는 자바스크립트 라이브러리UI 라이브러리기 때문에 자체적으로 전역 상태 관리, 라우팅, 빌드 시스템을 지원하지 않고 Redux, Mox, React-router등을 추가하여 사용해야

2023년 6월 12일
·
0개의 댓글
·
post-thumbnail

CSR과 SSR | SPA, MPA

CSR과 SSR은 뭘까?

2023년 5월 28일
·
0개의 댓글
·