# spa

161개의 포스트
post-thumbnail

SPA(Single Page Application)란 - CSR, SSR과 함께

SPA(Single-Page Application, 스파)는 단일 페이지로 구성된 웹 애플리케이션을 일컫는다. (구체적 설명은 아래에!)서버사이드 렌더링을 사용하는 기존 웹은 다른 화면으로 이동하기 위해서 서버에 리소스를 요청해야 한다. 요청 후, 웹(client)은

3일 전
·
0개의 댓글

CSR-SSR/SPA-MPA

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

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

기술면접 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/과거의

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

React 정리

시작하기 전에 현재 실무에서 쓰는 3강 JS는 React, Vue, Angular 이다. Vue는 디자인에 많이 가깝고, React가 백엔드에서 배우기 좋다. 어떻게 사용하는지 볼겁니다. 우리가 Spring에서 개발한건 클라이언트하고 서버가 통합된 느낌이다. 하지만

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

[REACT] 구구단 게임 -class component 사용

📚[웹 게임을 만들며 배우는 React] 강의와 함께 React 학습

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

[REACT] JSX와 BABEL

📚[웹 게임을 만들며 배우는 React] 강의와 함께 React 학습

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

[REACT] class component 생성

📚[웹 게임을 만들며 배우는 React] 강의와 함께 React 학습

2022년 1월 13일
·
0개의 댓글

React Router와 SPA(Single Page Application)

과거의 웹 사이트는 페이지를 옮길 때 마다 모든 페이지를 불러와야 했다. 이는, 많은 트래픽과 사용자의 경험을 저하시켰습니다.

2022년 1월 11일
·
0개의 댓글

SPA / Routing

SPA, Routing, Router 컴포넌트 (Router.js), Route 이동하는 방법: <Link /> 컴포넌트, useNavigate 훅

2022년 1월 11일
·
0개의 댓글

SPA와 라우팅

[TIL][엘리스 SW 엔지니어 트랙] 11주차 - React 심화 1 React 스타일링 - SPA와 라우팅

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

[리액트를 다루는 기술] 13장. 리액트 라우터로 SPA 개발하기

출처: 책 1. SPA란? Single Page Application의 약어 ➡ 한 개의 페이지로 이루어진 애플리케이션 전통적인 웹 페이지는 MPA(Multiple Page Application) 출처: https://lvivity.com/single-page-a

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

SPA에서 뒤로가기, 새로고침 시 404 Not Found

connect-history-api-fallback 해결시도

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

SSR/CSR, SPA/MPA, PWA 정리

SSR/CSR, SPA/MPA, PWA 개념정리

2021년 12월 31일
·
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

Vanilla JS로 SPA 게시판 구현해보기!

마참내! 해냈다!

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

SPA란?

쉽게 말해 1개의 페이지만 있는 애플리케이션입니다. 하나의 페이지에서 내용만 바뀌는 것입니다. 서버로부터 새 페이지(html)을 불러오지 않고 현재 페이지를 동적으로 다시 작성하는 웹앱 혹은 웹앱을 작성하는 패러다임, 디자인 패턴입니다. 최초로 한 번 페이지 전체를 로

2021년 12월 23일
·
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개의 댓글
post-thumbnail

SPA에 대하여 이것저것

프론트엔드 진영의 프레임워크, 라이브러리 등(React, Angular, Vue)을 공부하다 보면 단일 페이지 어플리케이션(Single Page Application) 이라는 용어가 자주 등장한다. 현재 필자가 공부하고 있는 React를 이용한 웹 애플리케이션도 SPA

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