728x90 분류 전체보기51 [Vue] Vue.js 게시판 만들기 13 - JWT와 필터 적용 JWT(Json Web Token) 생성 로그인 방법중 토큰을 사용한 로그인을 진행하려고 합니다. JWT를 적용하여 토큰을 발급받고 토큰의 정보를 확인하는 방법을 적용하겠습니다. JWT 의존성은 이전 포스팅에서 추가하였으므로 바로 사용할 수 있습니다. 먼저, 토큰을 생성하고 확인하는 메서드를 생성하겠습니다. util 패키지를 생성하고 JwtUtil.java 파일을 생성합니다. /* util / JwtUtil.java */ import com.auth0.jwt.JWT; import com.auth0.jwt.JWTVerifier; import com.auth0.jwt.algorithms.Algorithm; import com.auth0.jwt.exceptions.JWTVerificationException;.. 2022. 6. 27. [Vue] Vue.js 게시판 만들기 12 - DB 변경과 시큐리티 설정 H2 DB에서 MariaDB로 변경 이전의 백엔드 프로젝트는 H2 Database를 사용했습니다. 로그인 이후 데이터 관리 등을 위해 MariaDB를 세팅하고 사용하도록 합니다. 도커 혹은 로컬에 MariaDB나 MySQL을 설치해주세요. (도커에 MariaDB 설치하기) vue-backboard의 application.yml 내용을 변경합니다. (jpa와 datasource 내용이 변경되었습니다.) datasource의 url과 username, password는 각자의 설정에 맞게 변경해주세요. server: port: 8081 spring: jackson: property-naming-strategy: SNAKE_CASE h2: console: enabled: true settings: web-al.. 2022. 6. 22. [Vue] Vue.js 게시판 만들기 11 - 로그인 화면 만들기 안녕하세요. 이전에 작성한 Vue.js 게시판 만들기를 정말 많은 분들이 찾아봐주셨습니다. 이번 포스팅부터는 로그인과 댓글 기능을 구현하면서 게시판 이외에도 실습해볼 수 있는 샘플 프로젝트를 만들어보려 합니다. 이전의 프론트엔드와 백엔드 프로젝트를 사용하므로 전의 포스팅들을 참고해주세요. (이후 포스팅부터는 챕터별로 브랜치를 업로드할 예정이며, 이번 포스팅까지의 화면 소스는 vue-frontend의 chap11 브랜치에 업로드 되어있습니다.) 로그인 화면 생성 우선 로그인을 진행할 화면을 만들도록 하겠습니다. vue-frontboard 프로젝트를 열고 views 폴더 아래로 common 폴더와 안에 Login.vue 파일을 생성합니다. 로그인 화면 소스를 간단하게 작성합니다. Please Log In L.. 2022. 6. 21. [Windows 11] 속성(오른쪽 클릭) 윈도우10 버전으로 변경하기 윈도우 11을 사용하면서 오른쪽 클릭 시 자주 사용하던 메뉴의 뎁스가 증가한게 불편했습니다. 레지스트리 부분을 수정하면 윈도우 10 버전으로 변경이 가능하여 공유합니다. 실행(Win + r) 창을 열고 regedit 을 입력하여 레지스트리 편집기를 실행합니다. 파일, 편집, 보기 등의 탭 아래 "컴퓨터" 부분을 클릭하고 아래 주소를 입력합니다. 컴퓨터\HKEY_CURRENT_USER\Software\Classes\CLSID 왼쪽 탐색기의 CLSID 위에서 마우스 오른쪽 클릭 -> 새로 만들기 -> 키를 선택합니다. 새 키 #1가 생성되면 아래 값을 입력하여 이름을 변경합니다. {86ca1aa0-34aa-4e8b-a509-50c905bae2a2} 이름을 변경한 키 위에서 마우스 오른쪽 클릭 -> 새로 만들.. 2022. 6. 20. 이전 1 ··· 3 4 5 6 7 8 9 ··· 13 다음 728x90
