# spa
SPA vs MPA
한 개의 페이지로 구성된 어플리케이션이다.웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드한다.그 이후 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다.어떤 링크를 클릭한다고 해서 그에 관련된 모든 파일을 다운
StarWarsAPI : 2021.02.04 ( useQuery ~ refresh ) Single Rocket Page not showing after Refresh( Parameter & React BrowserRouter )
Codeclient.jsxShipSingleConatainer.jsIn short1) use 'param' to get the 'id' of rocekt2) use 'id' from 'param' to use 'graphql query'3) get the data fr
TIL [SPA / Cmarket 코드 분석]
SPA는 Single Page Application의 약자로 한 개의 페이지로 이루어진 애플리케이션이라는 뜻이다. 애플리케이션은 설치해서 사용하는 모든 프로그램을 뜻하는 말로 스마트폰이 나오기 전에는 우리가 사용하던 윈도우에서 종종 '응용 프로그램(Application
2021 02 18 목요일 TIL - 28
Javascript \* spreadin private gitHub수업내용url endpoint 는 상수로 관리해주는 것이 좋음QnAQ\_ 검색이 완료된 후 this.target.value = '' 처리, 하지만 다음 input 에 텍스트를 입력하면 이전에 입력했던
2021 02 17 수요일 TIL - 27
Javascript \* debouncein private gitHub움짤 검색기 \- 키워드를 검색하면 키워드의 api를 불러와 검색된 단어의 움짤을 보여준다. \- 검색한 단어들은 히스토리 내역에 쌓이게 되고 히스토리 내역에 있는 아이템을 검색하면 다시 이동
SPA(CSR)? MPA( SSR) ?🤔
SPA,MPA,CSR,SSR은 현ㄷ내 웹 개발에서 프론트엔드 개발자가 아니어도 웹 개발 분야에 있다면 알아야할 개념들이다. 먼저 SPA와 MPA를 알아보기 전에 선행 학습으로 방법론 한가지를 짚고 넘어가고자 한다. 3계층 구조(3 Tier Architecture S
React 개념 및 이론 정리
페이스북에서 만든 자바스크립트, UI 라이브러리결국 코드, 파일 정리 도구기본적인 UI 형식을 단위화, 규정화 하여, 반복적으로 찍어낼 수 있도록 하여 생산성 극대화 가능규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지
[말로 풀어쓴 React] 리액트 라우터로 SPA 개발하기
목차 SPA란? 프로젝트 준비 및 기본적인 사용법 Route 하나에 여러 개의 path 설정하기 URL 파라미터와 쿼리 서브 라우트 리액트 라우터 부가 기능 1. SPA란? 1) SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어다.
SPA
SPA의 정의 우선 위키백과에 나온 정의를 보면 이렇습니다. > 싱글 페이지 애플리케이션(SPA, Single Page Application)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이
단일 페이지 애플리케이션(SPA)
우리가 알고 있는 전통적인 앱 방식에서 클라이언트가 초기 요청을 보내면 서버는 html을 내려보내고, 이후 페이지 전환 요청이 있으면 서버는 html을 보내주는 이 과정을 계속 반복하게 된다.단일 페이지 애플리케이션은 클라이언트가 초기 요청을 보내면 서버는 html을
CSR (Client Side Rendering), SSR (Server Side Rendering), SPA (Single Page Application), MPA (Multi Page Application)
Browser 에서 실제로 우리가 보는 화면이 있다.그런 화면을 어디서 최종적으로 만들어서 보여주느냐, 어떻게 개발하느냐에 따라서 CSR, SSR이라고 부른다.처음에 웹서버에 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static파일들이 로드 되면서 데이터가
TIL 9
SPA (Single Page Application) - 페이지가 한 개인 애플리케이션Westagram-frontend : login.html, main.html - 페이지 수만큼 html 파일이 존재리액트 프로젝트에서 .html 파일의 개수는? 1개 >>> SPA(S
[Next] Next js를 사용하여 SSR, CSR 구현
Next.js를 사용하면 React에서도 CSR, SSR을 혼합하여 빠른 성능을 구현할 수 있다.
TIL23: Asynchronous JavaScript and XHR
Dynamic Web Page과거의 웹 페이지상에서 이루지는 요청과 그에 따른 응답은 페이지를 전환(새로운 페이지 전체를 로딩)하여 처리하였습니다. 하지만 오늘날의 SPA(Single Page Application)에서는 서버의 응답에 따라 페이지의 일부만 업데이트(페