알쓸전컴(알아두면 쓸모있는 전자 컴퓨터)

JWT (Json Web Token) JWT는 Web에서는 주로 사용자의 인증을 할때 Access Token,Refresh Token 으로 많이 사용 됩니다. JWT는 주로 인증을 목적으로 사용 되게 됩니다. JWT (HS256) HS256의 Token의 인증 방식 HS256 알고리즘 인증 방식의 Token eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.KQ6N4X4AiqAI7RMqD3gbNi-gVgheLz20jAO9gTxshNM HS256 방식 토큰 검증 방법 eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMj..

Spring 을 사용할때 Pageable을 사용하면 multiple sort 를 하려면 sort query를 위와 같이 적용해서 보내 주어야 한다. 하지만 axios에서 const { data } = await axios.get("/test", { params: { page: 0, sort: ["testColumn1,asc","testColumn2"], }, }) 위처럼 보내면 http://127.0.0.1:8181/test?page=0&sort[]=testColumn1,asc&sort[]=testColumn2 http://127.0.0.1:8181/test?page=0&sort[]=testColumn1,asc&sort[]=testColumn2 위처럼 쿼리가 나가서 Spring Controller 에서 ..

apache2 서비스 실행 후 내가 만들 Bash 실행 apache2 서비스 실행후에 특정 Bash 실행 파일을 실행 시킬 작업이 있어서 찾아 보게 되었습니다. 방법은 /lib/systemd/system/apache2.service 파일을 수정 하는것 입니다. 저의 경우 일단 Bash 실행 파일을 /home/user/apache2StartAfter.sh 여기에 작성해 두었습니다. 1. sudo nano /lib/systemd/system/apache2.service 2. ExecStartPost 설정 추가 [Unit] Description=The Apache HTTP Server After=network.target remote-fs.target nss-lookup.target [Service] Type..

Apache2 Vue3(Vite) 배포 해당 과정은 Apache2 에 Vue3 프로젝트를 여러개 배포 한다는 과정에 작성 되어 있습니다. 응용하면 1개 배포는 쉽습니다. Vue3 프로젝트 vite.config.ts export default defineConfig({ plugins: [ vue() ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, base: "/waferMap/", }) 저의 경우 base 를 "/waferMap" 으로 하여 접속 Url - http://배포주소:포트/waferMap 으로 설정 하도록 했습니다. Public 폴더안 img 참조 변경 저의 Vue Project 폴더 구조 안 Pu..

Apache2에서 Django 배포 재작성의 이유 최근에 python 버전의 다양화에 따른 mod_wsgi 의 실행 환경의 변화 Django의 많은 버전 업그레이드 DjangoRestFrameWork 인증 이슈(JWT 포함) ubuntu 에서 설정 디테일 하게 하기 위해. 위와 같은 이유로 배포 절차를 다시 작성 하게 되었습니다. Django Project 기본 정보 프로젝트 이름 : bwaferMap static 파일 경로: static collectstatic 경로: staticfiles settings.py STATIC_URL = '/bWaferMap/static/' STATICFILES_DIRS = [ BASE_DIR / 'static' ] STATIC_ROOT = os.path.join(BASE..

삽질 과정을 최대한 줄이려고 노력 했지만 영상 중간 중간에 삽질 과정이 들어가는군요 ... 해당 부분은 제가 oAuth2 Login lib가 어떤것인지 알아보고 이해하고 찍은 동영상 입니다. www.youtube.com/watch?v=3niJTyBUIPI 일단 OAuth2 의 Login의 테스트가 될 서버의 상태를 먼저 본뒤에 Login Lib 를 사용해 보겠습니다. http://10.20.10.114:8080/fAuth/#/login?clientId=TestAuth&redirectUri=http%3A%2F%2Flocalhost%3A8181%2Fresource%2FTEST2&scope=message.read%20message.write&state=123 이렇게 추가 적으로 OAuth2 에 필요한 정보를 ..

해당 방법은 1번 보다 vue 공식 문서에 좀 더 가까운 방법 입니다. 저의 publicPath 은 아래와 같습니다. 톰캣과 맞췄습니다. 아래는 현재 router 셋팅 입니다., import Vue from 'vue' import VueRouter, { RouteConfig } from 'vue-router' import Home from '../views/Home.vue' import TestHistoryPage from "@/views/TestHistoryPage.vue" Vue.use(VueRouter) const routes: Array = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', // rout..

vue histroy 모드를 tomcat 에서 그냥 사용 하면 url로 어떤 경로를 바로 접속시 404 에러를 만납니다. const router = new VueRouter({ mode: 'history', routes }) vue.config.js module.exports = { publicPath: "/authComponent/", } 아래와 같이 라우팅이 잡혀 있을때. const routes: Array = [ { path: '/authComponent', name: 'Home', component: Home }, { path: '/authComponent/about', name: 'About', // route level code-splitting // this generates a separa..

제작 하면서 실수 하며 잘못 안 개념들을 디버깅을 통하여 잡아가는 본인의 과정 또한 편집 없이 그대로 넣었 습니다. youtu.be/0R3BBjRu6zU 해당 문서는 영상을 제작 하면서 문서를 만들어 문서만으로는 이해가 가지를 않습니다. 설명.docx

https://daddyprogrammer.org/post/1239/spring-oauth-authorizationserver/ Spring Boot Oauth2 - AuthorizationServer Spring 프레임웍에서 제공하는 Oauth2 프로젝트를 이용하여 Oauth Authorization Server를 구축해 보겠습니다. Oauth Authorization은 클라이언트가 서비스 제공자로부터 회원 리소스를 제공받기 위해 인증 및 �� daddyprogrammer.org