# spa
#2. SPA는 CSR이고, MPA는 SSR인가? nope!
말 그대로 "한 개의 페이지로 구성된, 웹 애플리케이션!"(예를 들어, 페이지 이동시 기존페이지의 내부를 수정해서 화면을 보여준다는 의미!)클라이언트가 리소스를 잘 보관하고 있다가, 필요할 때 클라이언트에서(client side) 꺼내주렴!완전, 다른 개념!SPA는 말
Section2-Unit5 [React SPA]
: 페이지 전체 로드가 아닌 page 갱신에 필요한 데이터를 받아와 해당 데이터로 페이지를 업데이트하여 페이지 사용자와 소통하는 웹 혹은 app장점빠른 속도의 상호작용과 적은 데이터 로드에 의한 저부하빠른 렌더링을 통한 유저맞춤단점Js의 비중이 커 첫 화면 로드시 전체
VanillaJS 로 신년메시지 주고받는 사이트를 SPA 로 만들기 2차 회고
\-Numble Challenge처음에 처음 렌더링된 페이지의 navbar에 들어있는 a 태그들에 대해서만 페이지 이동 처리되는 것으로 인지새로 생성하는 a 태그의 동작 코드에 navigate 로 처리하기
VanillaJS 로 신년메시지 주고받는 사이트를 SPA 로 만들기 1차 회고
\-Numble Challenge지금까지 React와 같은 라이브러리를 통해 프로젝트를 진행해봤는데 이번 numble 챌린지를 통해 vanilla js로 SPA를 구현해보려고한다. 첫번째 문제(A)는 vanilla js를 통해 어떻게 프로젝트를 구성할 것인지두번째 문제
SPA 새로고침 404 원리와 이해
spa 사이트는 인덱스가 아닌 페이지에서 새로고침을 하면 404가 뜰 때가 있다. 이것은 js 파일과 url이 매칭되지 않아서 그렇다. spa는 url이 여타 spa가 아닌 사이트의 url과 다르다. 실제 새로운 파일을 불러오는 것이 아닌 js를 이용해서 url (hi
[WEB] SPA와 CSR, SSR
기존에는 사용자가 다른 페이지로 이동할 때마다 새 페이지를 서버 측에 요청하여 전달 받아 렌더링을 했었는데, 규모가 커지고 사용자와의 상호 작용이 많아짐에 따라 데이터 정보 전송 과부화로 인한 속도 저하 등 문제점이 발생했다. 이를 해결하기 위해 나온 것이 SPA(Si
SPA와 MPA 그리고 CSR과 SSR의 차이 및 장단점
서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이다.CSR은 서버에서 전체 페이지를 한 번 렌더링 하여 보여주고, 사용자가 요청할 때마다 리소스를 서버에서 제공받아 클라이언트가 해석하고 렌더링하는 방식. SSR과 달리 서버에 HTML 문서를 요청하는 것이
[Web] SSR & CSR(feat. SPA & MPA)
웹 애플리케이션의 구현 방식중 SPA , MPA 방식이 있다. SSR과 CSR의 개념과 함께 공부해보면 이해하기 좋은 것 같아 같이 정리하기로 하였다.aSingle Page Application의 약자다. 풀 네임만 봐도 하나의 페이지로 된 애플리케이션 이란 것을 알수
React 정리: 렌더링, CSR, SPA, Virtual DOM
FE개발을 위한 자바스크립트 오픈소스 라이브러리html/css/js로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향함하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발함. 컴포넌트로 분리하면
CSR, SPA
리액트로 뭔가를 만든다고하면 아~ SPA를 만드는구나 라고 생가하면 된다.(Single Page Application)사용자가 클릭했을때 다른 페이지를 다운로드 받아서 껌뻑~ 하면서 리프레쉬되는 것이 아니라 한 어플리케이션 내에서 이 컴퍼넌트를 보여줬다가 숨기고 또 다
NodeJS Express와 VueJS 연동하기
NodeJS 앱들을 PM2로 관리하기 위해서 VueJS에 express 서버를 연결해서 구동시켰습니다.VueJS나 React 같은 싱글 페이지(SPA)로 구성된 어플리케이션은express 서버에서 랜딩 페이지가 아닌 하위 페이지로 직접 접근하거나, 새로고침을 누르면 4
[JS]2장 자바스크립트 소개
넷스케이프 브라우저에서 동적 웹을 만들기 위해 개발됨.마이크로소프트에서는 자바스크립트 파생 버전인 "JScript"를 인터넷 익스플로러3.0(MS 브라우저)에 탑재.문제: 자바스크립트와 JScript 표준화 X 적당히 호환이로 인해 크로스 브라우징 이슈 발생그 결과 E
[JavaScript] Vanilla JS로 SPA 만들기
Vanilla JS로 SPA를 만드는 과정과 시행 착오, 그리고 바로 확인해볼 수 있는 클라우드 테스트 코드
WIL 8 -항해99 3주차 (22.12.04)
리액트 설명, 리액트의 기능(State, Props, Drilling), SPA(Single Page Application)
