'로그인'에 해당되는 글 3건
vue + jpa project (16) - JWT 환경 구성 및 프론트 재수정
과거에 세션을 이용하여 로그인을 관리했었다면 요즘에는 JWT 토큰을 이용하여 관리하는 것이 대세이다.HTTP는 기본적으로 state-less를 지향하기 때문에 멀티서버를 운영하는 환경인 경우에 적합하고,토큰 값을 유지하면서 자동로그인 등을 처리하기에는 용이하기 때문이다. 1. jwt 사용을 위하여 기본값을 아래 application.yml에 등록한다. issuer는 토큰을 구분하는 이름이 되겠고, secret-key는 토큰을 암호화하기 위한 키값에 해당한다. 키값은 본인이 원하는 대로 부여하되 너무 짧지 않아야 한다. expiration-minutes 는 로그인에 대한 만료가 되게하는 분의 값이고, (추후 accescc_token에 대한 설정값) refresh-expiration-hou..
프로그램/Vue.js | 2023. 11. 2. 17:41
vue + jpa project (15) - 로그인 및 백엔드 환경 초기 구성
로그인 관련한 테이블을 아래와 같이 구성하려고 한다. 우선 사용자 마스터와 권한관리에 대해서 1:N 구조로 가져가고 사용자 토큰도 단일 구조로 가져가려고 한다. 1. 위의 테이블에 대한 Entity와 Dto를 생성한다. 각각 entity패키지와 dto패키지에 각각 아래와 같이 생성한다. // UserEntity.java @JsonIgnoreProperties(value="hibernateLazyInitializer") @EqualsAndHashCode(of="userNo") @Data @AllArgsConstructor @NoArgsConstructor @Builder @Table(name="user_master") @Entity public class UserEntity { @Id @GeneratedV..
프로그램/Vue.js | 2023. 11. 1. 16:02
vue + jpa project (14) - vuex설정 및 로그인 화면 생성
로그인 처리 부분을 이 장에서 부터 시작한다. 일단 프론트 단에서 로그인 화면을 생성한다. 나중에 설명을 추가로 하겠지만 스프링 시큐리티를 쓰면서 기본 제공하는 login 페이지를 이용할 수 있지만 제약사항이 있어서 별도 로그인 페이지를 만들어서 진행하는 것으로 한다. 진행에 앞서 로그인 처리를 위해서 상태를 저장하는 vuex패키지를 설치를 해야한다. vue 프로젝트 폴더로 가서 아래 명령어를 실행하여 설치한다. 이장에서는 vuex를 사용하지는 않지만 미리 작업을 해두는 것이다. npm install vuex vuex 패키지의 처리 루틴은 구글링으로 찾아서 확인해보면 알수가 있어서 여기서는 생략한다. src 폴더 아래에 vuex 폴더를 만들고 mutation_types.js, mutation.js, ge..
프로그램/Vue.js | 2023. 10. 31. 17:31
RECENT COMMENT