# spa
SPA(Single Page Application)란 - CSR, SSR과 함께
SPA(Single-Page Application, 스파)는 단일 페이지로 구성된 웹 애플리케이션을 일컫는다. (구체적 설명은 아래에!)서버사이드 렌더링을 사용하는 기존 웹은 다른 화면으로 이동하기 위해서 서버에 리소스를 요청해야 한다. 요청 후, 웹(client)은
CSR-SSR/SPA-MPA
서버로부터 HTML 파일을 받아 브라우저(Client)에 표현하고 그리는 작업을 렌더링이라한다. HTML, CSS, JS 등 개발자가 작성한 문서가 브라우저로 출력되는 일련의 과정TODO -> 렌더링 과정 링크 추가SSR: Server-Side Rendering(서버
기술면접 4. 프론트엔드 (spa, react 등)
https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Virtual-DOM/https://linked2ev.github.io/devlog/2018/08/01/WEB-What-is-SPA/과거의
React 정리
시작하기 전에 현재 실무에서 쓰는 3강 JS는 React, Vue, Angular 이다. Vue는 디자인에 많이 가깝고, React가 백엔드에서 배우기 좋다. 어떻게 사용하는지 볼겁니다. 우리가 Spring에서 개발한건 클라이언트하고 서버가 통합된 느낌이다. 하지만
React Router와 SPA(Single Page Application)
과거의 웹 사이트는 페이지를 옮길 때 마다 모든 페이지를 불러와야 했다. 이는, 많은 트래픽과 사용자의 경험을 저하시켰습니다.
SPA / Routing
SPA, Routing, Router 컴포넌트 (Router.js), Route 이동하는 방법: <Link /> 컴포넌트, useNavigate 훅
[리액트를 다루는 기술] 13장. 리액트 라우터로 SPA 개발하기
출처: 책 1. SPA란? Single Page Application의 약어 ➡ 한 개의 페이지로 이루어진 애플리케이션 전통적인 웹 페이지는 MPA(Multiple Page Application) 출처: https://lvivity.com/single-page-a
React Router, SPA,MPA
React Router 화면 전환하는 Router CSS 전처리기 Sass SPA 란? single page application : 페이지가 1개인 애플리케이션 페이지 수만큼 html 파일이 존재 (mpa방식)하지만 리액트 프로젝트에서 .html 파일은 1개
SPA란?
쉽게 말해 1개의 페이지만 있는 애플리케이션입니다. 하나의 페이지에서 내용만 바뀌는 것입니다. 서버로부터 새 페이지(html)을 불러오지 않고 현재 페이지를 동적으로 다시 작성하는 웹앱 혹은 웹앱을 작성하는 패러다임, 디자인 패턴입니다. 최초로 한 번 페이지 전체를 로
TIL- SPA MPA CSR SSR
1. 웹의 역사와 발전 > 1세대 웹 - 전통적인 Web System Architecture (정적인 웹) 2세대 웹 - User Interaction 의 증가 (동적 웹) 3세대 웹 - SPA(Single Page Application) - 구별되기 시작하는 Fr
MPA,SPA,SSR,CSR
Multi-page Application의 약자로 두 개 이상의 페이지로 구성된 애플리케이션을 의미Single-page Application의 약자로 하나의 페이지로 구성된 애플리케이션을 의미렌더링(Rendering)방식이란 결국 화면에 그려지는 것은 HTML인데 이것
SPA에 대하여 이것저것
프론트엔드 진영의 프레임워크, 라이브러리 등(React, Angular, Vue)을 공부하다 보면 단일 페이지 어플리케이션(Single Page Application) 이라는 용어가 자주 등장한다. 현재 필자가 공부하고 있는 React를 이용한 웹 애플리케이션도 SPA