# spa
🌐 How the Web Works? (SPA, MPA, CSR, SSR)
웹 애플리케이션 개발에서 빼놓을 수 없는 SPA와 MPA에 대해서 정리해보기! 어렵다 어려워....😭
Github Page로 React SPA 배포하기 (ft. React Router)
Github Page로 React SPA를 배포해봅니다. 그거 쉽지 않냐고요? 과연, 그럴까요...
리액트(React.js)란?
리액트는 정말 인기있는 프론트엔드 라이브러리다. 리액트를 사용해본 개발자는 너무나 당연하게 매력적이라고 표현할 것이다.우선 리액트를 배워보기 전에 필수적으로 알아야 할 지식인 SPA(Single Page Applications)에 대해 간단하게 정리 해보자.SPA는 말
csr ssr
spa single page application 페이지 하나에서 해결한다 목록 마이페이지 메뉴페이지 카테고리 페이지 처럼 많은데 html 은 하나다 검색과 seo search engine optimization 검색 최적화 사이트를 만들고 배포하면 바로 배포되지않는
react 쓰는 이유와 차이점들
하나의 페이지에서 동적으로 변하면서 많은 기능들은 가능케 한다.홈페이지 따로, 로그인 페이지 따로 이런식이 아니라 하나의 페이지에서 변하며 기능들을 구현하게 하는것어떤 UI 한단위들을 COMPONENT화 하여 필요한 곳들마다 사용할 수 있게 해준다.이는 복잡해져가는 웹
[Session] How the Web Works? ( MPA, CSR, SPA, SSR)(
SPA 페이지가 하나. 페이지는 여러개 이지만 html은 하나로 작동 하는 것 SEO 검색엔진최적화 사이트를 만들기만 해서 검색 엔진에 노출이 되는 것이 아니다. 구글의 크롤봇이 사이트를 돌며 html의 내용을 가지고 있다.
2020-05-04 TIL How the Web Works
단일 페이지로 구성된 웹 어플리케이션을 말한다. SPA는 화면 이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고 필요한 데이터만 서버로 부터 JSON으로 전달 받아 동적으로 렌더링 한다.SPA와 기존어플리케이션의 차이점은 기존 어플리케이션은 화면 이동
[react] React와 SPA
가상 DOM을 활용하여 부분적인 렌더링을 하는 자바스크립트 라이브러리Backend에서는 API만 주로 제공하고,클라이언트에서 Ajax와 template작업을 통해 동작하는 Rich한 웹애플리케이션.(1) 화면 view단을 구현하기 위한 최소단위로 재사용가능한 compo
vue.js #01 설치
vue.js앞으로 2주간 뷰 공부하기 훓어보기를 하려 합니다. 아직 리액트도 잘 못쓰기 때문에 본격 파헤치기는 아니고, 하루 1시간씩 훑어보면서 자연스럽게 익히는 것이 목표입니다. 하핫! 일단 저는 vue공식문서와 vue에서 제공하는 동영상 강의를 보려해요! 뷰 공식홈
20200311 TIL
Question전통적인 page load 방식인 href 는 해당 주소에 대한 정보가 서버측에 저장되어 있고, 그 링크를 클릭하여 로드할 때 서버에서 자원이 넘어오는 것인지 ?Answer예전에는 어떤 웹 어플리케이션을 만들때, 여러 페이지로 구성되었다.A.html ,
(TIL 34일차) 프로젝트 1차 프론트 전체 세션 (2)
프로젝트1차 프론트 전체 세션 (2) SPA MAP SSR CSR 부모 자식 라이프 사이클 query,url parameter
vue 채팅 애플리케이션 만들기 2 - vue router 적용하기
vue-router 를 사용해보자 1. 분석 다음 사진과 같이 2개의 화면이 필요하다. 메인화면 (경로: '/', 컴포넌트: Main.vue) 채팅화면 (경로: '/chat', 컴포넌트: Chat.vue) 스크린샷 2020-01-12 오후 10.36.42.png 2. vue-router를 설치한다. package.json을 확인해보면...
SPA 프레임워크/라이브러리 React, Vue, Angular - FE study6
1. SPA 개념 SPA : 단일 페이지 애플리케이션 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트이다. (위키백과) 기존방식 : link를 통해 refresh (매 동작마다 페이지 새로고침과 리렌더링) SPA : 한 페이지에서 리렌더링 없이 필요한 동작 수행...
2020 TIL no. 3 - 기억해 놓고 싶은 개념들
짤막하게 기억해놓고 싶은 개념, 설명들 모음 1. Django의 App을 구분하는 기준 제일 처음의 개념은 독립성이다. 즉 해당 앱만 띠어다가 다른 프로젝트에 옮겨넣는다고 하더라도, 마이그레이션 해주고, 관련 패키지들만 설치되어있다면 다른 프로젝트에서도 돌아갈 수 있는 기능의 모음들인가를 뜻한다. 하지만 현실은 그렇지 않다. 내가 프로젝트로 진행했었던 에어...
SPA에서 안전하게 쿠키(Cookie) 사용하기
들어가며 쿠키(Cookie)는 웹에서 빼놓을 수 없는 존재입니다. 가장 기본적인 인증에서부터 장바구니, 홍보, 유저 추적(Tracking) 등 여러가지 목적으로 광범위하게 사용되고 있습니다. 하지만 막상 사용하려고 하면 복잡한 설정 덕분에 쿠키가 제대로 저장/삭제되지 않거나 안전하지 않은 방식으로 사용하게 되기 일쑤입니다. 그렇기 때문에 이번 글에서는 쿠...
원룸텔 홈페이지(02 : Single Page Application)
SPA란 무엇일까? 단어 그대로 해석해보자면, 하나의 페이지를 갖는 어플리케이션이다. 여기서 오해했던 부분은 하나의 페이지라 해서 스크롤 뷰를 갖는 앱이라고 착각을 했었다. SPA를 제대로 알기 위해서는 서버사이드 렌더링과 클라이언트 렌더링의 개념을 먼저 알아보는게 좋