JUNGKIMHOON

Vue CLI Template 종류 vue init webpack 고급 웹팩 기능을 활용한 프로젝트 구성 방식. 테스팅, 문법 검사 등 지원 vue init webpack-simple 웹팩 최소 기능을 활용한 프로젝트 구성 방식. 빠른 화면 프로토타이핑용 vue init browserify 고급 브라우저리파이 기능을 활용한 프로젝트 구성 방식. 테스팅, 문법 검사 등 지원 vue init browserify-simple 브라우저리파이 최소 기능을 활용한 프로젝트 구성 방식. 빠른 화면 프로토타이핑용 vue init simple 최소 뷰 기능만 들어간 HTML 파일 1개 생성 vue init pwa 웹팩 기반의 프로그레시브 웹 앱 기능을 지원

기존 Spring을 활용한 MVC 프로젝트에서는 한 서버안에서 작업을 처리하면서 session으로 로그인을 유지시켜주면 만사가 편했다. Vue.js와 Spring boot 프로젝트를 진행하면서 로그인 처리에 JWT를 활용하는 방법을 많이 사용하는 것을 알 수 있었다. JWT Procedure 프론트 측에서 로그인을 시도하여 서버로 데이터 넘김 서버에서 데이터 검증 및 JWT 생성 JWT 프론트로 전달 서버에 데이터요청 (JWT헤더 + 요청값) JWT 유효성 검증 요청 데이터 전송 JWT Structure 헤더 : 토큰 타입, 해싱 알고리즘 페이로드 : 토큰에 담을 정보 (클레임) 시그니처 : 비밀키 해싱값 JWT 구현 POM.xml io.jsonwebtoken jjwt 0.9.1 javax.xml.bin..