# MPA
NEXT12 - SPA와 CSR, MPA와 SSR
싱글 페이지 어플리케이션 (SPA, Single Page Application) 말 그대로 하나의 페이지로 구성된 어플리케이션. 하나의 페이지가 다양한 페이지로 보이게 하기 위해 CSR과 밀접한 관계에 있다. > 최초에, 클라이언트는 서버로부터 HTML과 Java
나는 정말 React.js 가 싫다고요 (Feat. HTMX..)
기억을 되짚어보자.. 오래전부터 계속 머릿속에 머물던 생각이다. 두서없이 지껄여보고 싶다. 일단 짤막하게 나의 웹 개발 역사를 짚어보자. 나는 처음 웹 개발을 PHP를 통해서 접하게 되었다. 당시 대학교 교양수업 중 하나가 PHP로 배우는 웹 개발? 뭐 비슷한 이름의

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

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

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

이제와서 물어볼 수 없는, SPA
SPA 라는 개념이 세상에 나온지도 꽤나 지났다. React로 앱을 개발하고 있는 나조차 SPA에 대해서 잘 모르고 있는 것 같아서 정리할 겸 글을 쓴다.
SPA(Single Page Application), MPA(Multiple Page Application)이란?
SPA(Single Page Application)는 브라우저 내부에서 동작하는 앱이다. 사용하는 동안 페이지의 전환을 요구하지 않는다. Gmail, Google Maps, Facebook 같은 페이지가 대표적인 예시이다.SPA는 브라우저 환경에서 자연스럽게 UX를 제
[React] SPA(Single Page Application) &MPA(Multi Page Application) 🎬JSX
html 파일이 오로지 한개만 존재한다. 리액트로 만든 웹사이트는 페이지가 하나만 존재한다. (페이스북, 인스타그램, ...)SPA (Single Page Application)SPA 는 한개의 페이지로만 만들어져있는 앱 혹은 웹을 의미한다. MPA 는 여러개의 페이지
[React] 클라이언트 사이드 렌더링(CSR) & 서버 사이드 렌더링(SSR)
CSR, SSR에 대해 알아보기 전에 SPA와 MPA를 먼저 살펴보려 한다. 내가 SPA에 대해 알고 있던 것은 Single Page Application의 약자로 하나의 페이지로 구성되어 있고, React 라우터를 통해 SPA를 만들 수 있다 정도..?
SPA vs MPA SSR vs CSR
여러 개의 page로 구성된 applicationMPA SSR(server side Rendering) 방식으로 랜더링 새로운 페이지를 요청할 때마다 서버에서 랜더링 된 정적 리소스 다운 페이지 이동하거나 새로고침 하면 전체페이지를 다시 랜더링seo관점 (검색엔진 최적
[원티드 프리온보딩 챌린지] 자바스크립트의 발전(MPA, SPA, CSR, Browser Rendering)
오늘 부터 진행한 원티드에서 주관하는 프리온보딩 FE챌린지를 진행했다. 오늘 강의에서 학습한 내용을 기록해보자.
MPA, SSR / SPA, CSR
1. Props 지난 State 실습에서 진행한 Counter에서 초기값을 0이 아니라 지정하고 싶으면 어떻게 해야할까? 이때 Props 개념을 사용한다. 부모 Component인 App에서 자식 Component인 Counter에게 값을 전달하는 방식을 Props

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

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