# spa

74개의 포스트
post-thumbnail

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

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

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

new TIL. Routing

SPA Single Page Application 리액트의 도입으로 CSR(Client Side Rendering) CSR 단점 첫 화면을 랜더링하는 시간이 많이 소요됨 html 내 body가 비어져 있기 때문에 seo에 불리 단점을 보강하기 위해 나온 SSR(Se

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

React_Basic

React 기초

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

[TIL] Day20-SPA

SPA 등장 배경과 개념 SPA란 Single Page Application의 약자 브라우저가 페이지를 보여주기 위해 매번 HTML 파일로 된 페이지 전체를 불러와야함 SPa는 업데이트가 필요한 부분만 새로 불러옴(광고나 네이버 뉴스 돌아가는거) 전통적인 웹사이트

2021년 4월 30일
·
0개의 댓글

SPA(Single Page Application)

SPA가 무엇이며, 왜 사용하는지 그리고 react-router-dom을 사용한 간단한 예시가 있는 글입니다.

2021년 4월 22일
·
0개의 댓글

SPA에서 뒤로가기

리액트로 만든 SPA 웹앱!뒤로가기 버튼을 누르면 어떻게 될까?!순수 바닐라로 만든 웹앱의 경우는 이전 내용들이 브라우저 캐시에 남든다.하지만 리액트는...!

2021년 4월 22일
·
0개의 댓글

TIL49 l 리액트 라우터(React Router) - BrowserRouter, HashRouter, Route, Switch, Link (Feat. SPA)

리액트는 싱글 페이지 어플리케이션을 쉽게 만들 수 있도록 하는 라이브러리이다. 싱글페이지에는 아래와 같은 문제점이 있는데,각 페이지를 북마크 할 수 없음브라우저상에서 뒤로 가기, 앞으로 가기와 같은 내비게이션 사용 불가이를 보완하기 위해서는 화면들에 따라 주소를 각각

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

TIL48 l 싱글 페이지 애플리케이션(Single Page Application, SPA) 개념

싱글 페이지 애플리케이션은 서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다.SPA에서 HTML, JavaScript, CSS 등 필요한 모든 코드는 하나의 페이지로 불러오거나,

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

사용자가 브라우저를 확인하기 까지..(CSR, SSR)

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

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

SPA(Single Page Application)

SPA(Single Page Application)데스크탑에 비해 성능이 낮은 모바일에 대한 니즈가 증가하면서 스마트폰을 통해 웹페이지를 출력하기 위해서는 기존의 방식과 다른 접근이 필요했다. 이에 등장하게 된 것이 SPA 기법이다.SPA는 단순하게 1개의 페이지만 있

2021년 4월 15일
·
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

우당탕탕 리액트 #프롤로그

🤪 나는 왜 리액트를 시작했는가...? |                          시작하게된 동기와 개념에 대해 배웁니다!

2021년 4월 9일
·
0개의 댓글

SPA ( Single Page Application )

싱글 페이지 애플리케이션은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 이러한 접근은 연속되는 페이지들 간의 사용자 경험의 간섭을 막아주고 애플리케이션이 더 데스크톱

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

SSR와 CSR

SSR와 CSR을 알아보기 전에 먼저 웹이 발전한 과정을 간략하게 정리해보겠습니다.

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

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

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

2021년 3월 23일
·
15개의 댓글

SPA 정리

단일 페이지로 구성된 웹 애플리케이션을 말함즉, 하나의 페이지에서 내용만 바뀜SPA 결과물은 웹 문서라기보단 하나의 응용 프로그램과 같음SPA는 화면 이동시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고(서버사이드 렌더링 X), 필요한 데이터만 서버로부터

2021년 3월 22일
·
0개의 댓글
post-thumbnail

[TIL] SPA란?!

👩‍💻 SPA : 싱글 페이지 애플리케이션(single-page application, SPA) 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. ✔️ Intro 자

2021년 3월 21일
·
0개의 댓글

JavaScript SPA

개요 JavaScript + express로 SPA 만들기 참고 영상 youtu.be/6BozpmSjk-Y 미리보기 새로고침 되지 않으면서 url이 바뀌고 컨텐츠 또한 바뀌는 걸 볼 수 있다 흐름 html & css express로 웹서버 설정 js로 라우팅

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