# spa

330개의 포스트
post-thumbnail

#2. SPA는 CSR이고, MPA는 SSR인가? nope!

말 그대로 "한 개의 페이지로 구성된, 웹 애플리케이션!"(예를 들어, 페이지 이동시 기존페이지의 내부를 수정해서 화면을 보여준다는 의미!)클라이언트가 리소스를 잘 보관하고 있다가, 필요할 때 클라이언트에서(client side) 꺼내주렴!완전, 다른 개념!SPA는 말

어제
·
0개의 댓글
·

Section2-Unit5 [React SPA]

: 페이지 전체 로드가 아닌 page 갱신에 필요한 데이터를 받아와 해당 데이터로 페이지를 업데이트하여 페이지 사용자와 소통하는 웹 혹은 app장점빠른 속도의 상호작용과 적은 데이터 로드에 의한 저부하빠른 렌더링을 통한 유저맞춤단점Js의 비중이 커 첫 화면 로드시 전체

3일 전
·
0개의 댓글
·
post-thumbnail

[Next.js] CSR vs SSR

CSR과 SSR 설명을 기반으로 한 Next.js data fetch 방법 정리!

2023년 1월 20일
·
2개의 댓글
·
post-thumbnail

VanillaJS 로 신년메시지 주고받는 사이트를 SPA 로 만들기 2차 회고

\-Numble Challenge처음에 처음 렌더링된 페이지의 navbar에 들어있는 a 태그들에 대해서만 페이지 이동 처리되는 것으로 인지새로 생성하는 a 태그의 동작 코드에 navigate 로 처리하기

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

VanillaJS 로 신년메시지 주고받는 사이트를 SPA 로 만들기 1차 회고

\-Numble Challenge지금까지 React와 같은 라이브러리를 통해 프로젝트를 진행해봤는데 이번 numble 챌린지를 통해 vanilla js로 SPA를 구현해보려고한다. 첫번째 문제(A)는 vanilla js를 통해 어떻게 프로젝트를 구성할 것인지두번째 문제

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

SPA 새로고침 404 원리와 이해

spa 사이트는 인덱스가 아닌 페이지에서 새로고침을 하면 404가 뜰 때가 있다. 이것은 js 파일과 url이 매칭되지 않아서 그렇다. spa는 url이 여타 spa가 아닌 사이트의 url과 다르다. 실제 새로운 파일을 불러오는 것이 아닌 js를 이용해서 url (hi

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

[WEB] SPA와 CSR, SSR

기존에는 사용자가 다른 페이지로 이동할 때마다 새 페이지를 서버 측에 요청하여 전달 받아 렌더링을 했었는데, 규모가 커지고 사용자와의 상호 작용이 많아짐에 따라 데이터 정보 전송 과부화로 인한 속도 저하 등 문제점이 발생했다. 이를 해결하기 위해 나온 것이 SPA(Si

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

SPA와 MPA 그리고 CSR과 SSR의 차이 및 장단점

서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이다.CSR은 서버에서 전체 페이지를 한 번 렌더링 하여 보여주고, 사용자가 요청할 때마다 리소스를 서버에서 제공받아 클라이언트가 해석하고 렌더링하는 방식. SSR과 달리 서버에 HTML 문서를 요청하는 것이

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

CSR? SSR? SPA? MPA? 이것들은 뭘까?

모아놓고 보니까 무슨 암호문 같다. CSR? SSR?...

2023년 1월 4일
·
0개의 댓글
·

[Web] SSR & CSR(feat. SPA & MPA)

웹 애플리케이션의 구현 방식중 SPA , MPA 방식이 있다. SSR과 CSR의 개념과 함께 공부해보면 이해하기 좋은 것 같아 같이 정리하기로 하였다.aSingle Page Application의 약자다. 풀 네임만 봐도 하나의 페이지로 된 애플리케이션 이란 것을 알수

2023년 1월 2일
·
0개의 댓글
·

React 정리: 렌더링, CSR, SPA, Virtual DOM

FE개발을 위한 자바스크립트 오픈소스 라이브러리html/css/js로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향함하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발함. 컴포넌트로 분리하면

2022년 12월 30일
·
0개의 댓글
·

브라우저 History API

History API와 SPA의 관계에 대해 정리해보았습니다.

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

CSR, SPA

리액트로 뭔가를 만든다고하면 아~ SPA를 만드는구나 라고 생가하면 된다.(Single Page Application)사용자가 클릭했을때 다른 페이지를 다운로드 받아서 껌뻑~ 하면서 리프레쉬되는 것이 아니라 한 어플리케이션 내에서 이 컴퍼넌트를 보여줬다가 숨기고 또 다

2022년 12월 19일
·
0개의 댓글
·

NodeJS Express와 VueJS 연동하기

NodeJS 앱들을 PM2로 관리하기 위해서 VueJS에 express 서버를 연결해서 구동시켰습니다.VueJS나 React 같은 싱글 페이지(SPA)로 구성된 어플리케이션은express 서버에서 랜딩 페이지가 아닌 하위 페이지로 직접 접근하거나, 새로고침을 누르면 4

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

[JS]2장 자바스크립트 소개

넷스케이프 브라우저에서 동적 웹을 만들기 위해 개발됨.마이크로소프트에서는 자바스크립트 파생 버전인 "JScript"를 인터넷 익스플로러3.0(MS 브라우저)에 탑재.문제: 자바스크립트와 JScript 표준화 X 적당히 호환이로 인해 크로스 브라우징 이슈 발생그 결과 E

2022년 12월 10일
·
0개의 댓글
·
post-thumbnail

[REACT] SPA

SPA에 대해서 알아보자

2022년 12월 10일
·
0개의 댓글
·
post-thumbnail

SSG SSR CSR ISR 그리고 SPA MPA

프론트앤드 렌더링 분류

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

[JavaScript] Vanilla JS로 SPA 만들기

Vanilla JS로 SPA를 만드는 과정과 시행 착오, 그리고 바로 확인해볼 수 있는 클라우드 테스트 코드

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

WIL 8 -항해99 3주차 (22.12.04)

리액트 설명, 리액트의 기능(State, Props, Drilling), SPA(Single Page Application)

2022년 12월 4일
·
0개의 댓글
·
post-thumbnail

[FE] SPA(Single Page Application) 기본지식

[FE] SPA(Single Page Application) 기본지식

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