Web (3) 썸네일형 리스트형 [Authorization] JWT 토큰 이해하기 서버 기반 인증 시스템 기존의 인증 시스템은 서버 기반으로 서버 측에서 유저의 정보를 기억하고, 세션을 유지하기 위해서 메모리 / 디스크 / 데이터베이스 등이 사용된다. 문제점 세션 서버가 유저의 인증 기록을 남기는 것을 세션이라고 부른다. 로그인하는 유저의 수가 늘어나면 메모리 또는 데이터베이스의 성능에 무리를 줄 수 있다. 확장성 서버를 확장하는 것이 어려워진다. 세션을 서버에 저장하면서 서버를 확장하는 것은 과정이 매우 복잡하다. 토큰 기반 인증 시스템 토큰 기반 인증 시스템은 Stateless 하다고 한다. 유저의 인증 정보를 서버에 담아두지 않기 때문이다. 장점 Stateless & Scalability 상태가 없기 때문에 서버를 여러대로 확장할 수 있다. 특히 Kubernetes 상에 pod로.. [Vue.js] Named Routes / 동적 라우팅 동적 라우팅 - 라우터를 이용해서 컴포넌트를 연결할 때 동적으로 파라미터를 연결해주어야 하는 경우에 사용 - 이럴 때 Vue에서 활용하는 것이 Named Routes! 아래의 홈페이지를 참고했다. router.vuejs.org/kr/guide/essentials/named-routes.html 이름을 가지는 라우트 | Vue Router 이름을 가지는 라우트 때로는 라우트에 연결하거나 탐색을 수행 할 때 이름이 있는 라우트를 사용하는 것이 더 편리합니다. Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있� router.vuejs.org 활용 방법은 간단하닷 Path Variable 활용 router.js에 다음과 같이 path를 설정해주면 된다. const router = .. [Vue.js] 시작하기 Vue.js는 자바스크립트를 기반으로 웹 개발을 위한 2세대 프레임워크들 중 하나이다. React보다 진입장벽이 낮다고 해서 Vue를 프론트엔드 프레임워크로 사용했다. Vue.js의 세가지 구성 Vuex Virtual Dom을 관리하기 위한 매니저 역할을 한다. 개별 요소들의 정보가 변경되는지를 확인하고, 업데이트를 시켜주는 역할을 한다. Vue CLI 프로젝트를 생성, 설정해주는 CLI로 NPM을 통해 작동된다. Vue Router Vuex 상에 개별 컴포넌트를 올려놓고, Router를 통해 끌어다가 반복적으로 사용한다. 간단히 책으로 학습하고, 예제 UI Template을 뜯어보며 Vue를 이해했다. (아래의 사이트에서 다양한 템플릿들을 다운받을 수 있다.) kr.vuejs.org/resources/.. 이전 1 다음
