# spa
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를 제대로 알기 위해서는 서버사이드 렌더링과 클라이언트 렌더링의 개념을 먼저 알아보는게 좋겠다. 서버사이드 렌더링(SSR) 전통적인 웹 사이트의 렌더링 방식이며, 사용자의...