아이니그마

jangbogo를 구축도중 너무 오래걸려서 프리티어 기간때 ec2에 베포라도 해보자는 생각에 해봤다 ec2에 인스턴트를 만들었다고 가정하에 시작한다 1.포트설정 http/https는 무시하고 저 8080포트를 등록해줘야한다 ssh는 생성시 자동으로 등록되어 있는데 없다면 등록해주자 2.ec2접속 후 설치 깃설치 sudo yum install git -y 자바설치 sudo amazon-linux-extras install java-openjdk11 -난 11 버전으로 구축중이여서 11을 설치했다 git version/java -version 버전을 입력했을때 잘나오면된다 3.git clone git clone github주소 난 var라는 폴더에 만들었다 4.폴더로이동 후 빌드 뽑기 ./gradlew -x..

사장님 페이지를 만들고 있는 중이다 (원래 사이트를 분리해야 하지만 토이 프로젝트이니까) 사이드 바를 구축하고 이제 사이드바 메뉴를 만들고 클릭이 이뤄지면 옆에 내용이 바뀌면 된다 근데! 새로고침이 거슬렸다 그래서 제일 큰 컴포넌트 안에 경로에 따라서 컴포넌트를 호출하는 방법이 없을까? 고민하다가 찾았다 동적 라우팅 동적 라우팅은 아주 간단하게 이뤄진다 {path:'/companyPage/:id',component:companyPage}, /경로/:값 :문자만 앞에 붙히면된다 받을때 this.choose=this.$route.params.id; .파라미터 이름 으로 꺼내서 쓰면된다 동적컴포넌트 아래글이 제일 이해가 잘갔다 https://become-a-developer.tistory.com/entry/%..

1. 키 발급 서비스 계정 클릭-> 대충 만들고->밑에 서비스 계정 확인-> 클릭-> 키 클릭-> 키 추가-> 새키 만들기 키를 받아서 원하는 곳에 위치시킨다 2. 환경변수 등록 경로를 잡아준다 3. 디펜던시 추가 implementation group: 'com.google.cloud', name: 'spring-cloud-gcp-starter', version: '2.0.7' implementation 'com.google.cloud:google-cloud-vision:2.0.17' (아마 implementation 'com.google.cloud:google-cloud-vision:2.0.17'것만 있어도 된다 ) 4.api호출 공식문서에서 복붙 했다 근데 링크를 잃어버렸다... 내일 찾아봐야겠다 ㅠ..

https://cordingmonster.tistory.com/175?category=1052748 vue.js 맛보기!/ckeditor5/router/axios/async/await 점검사항 1. 기본지식 습득 2.ajax는 어떻게 해야 하는가(적용) 3. 페이징은 어떻게 이뤄지는가(적용) 4. 부트스트랩 연동 법(적용) 5.ckeditor5 연동 법(적용) 6. 포트번호변경(적용) 7.async/await(적용) 8.ht cordingmonster.tistory.com 이글에 써놓긴 했는데 좀 부족한 거 같기도 해서 좀 더 정갈하게 다시 쓰려고 한다 1.npm으로 케디터를 다운로드한다 (공식 홈페이지 아니면 구글에 많이 나와있다) 2.main.js에 등록해준다 (ck는 무시하고 CKEditor만보면 ..

https://myhappyman.tistory.com/101?category=873296 SpringBoot - 스프링부트에서 채팅프로그램(소켓통신) 만들기-2(상대방과 자신을 구분하기) 스프링부트에서 소켓통신을 통한 채팅프로그램 만들기 2번째입니다. 이전까지의 소스는 아래 URL에서 참고해주세요. https://myhappyman.tistory.com/100 SpringBoot - 스프링부트에서 채팅프로그램(소켓통신 myhappyman.tistory.com 좋은 글을 찾았다 아마 쭈욱따라 해 볼 거 같다 1. 연결이 되면 소켓 고유 아이디를 배열에 넣어주자 (추후에는 db가 될 것이다) 2. 메시지가 온다면 담긴 함수에서 꺼내서 보내주자 (try, catch가 없으면 프런트 새로고침 시 하고 다시 새..

배달이 시작되면 배달원의 위치를 실시간으로 표시해주려고 한다 그래서 채팅 웹/앱처럼 소켓통신을 하려고 구현했다 implementation group: 'org.springframework.boot', name: 'spring-boot-starter-websocket', version: '2.6.2' 추가해준다 configuration해준다 연결 주소 "/auth/ws/chat" cors정책 설정 setAllowedOrigins("*") 메시지를 받아서 처리해주는 클래스이다 private textHandler chatHandler; textHandler 주석을 보면 알 수 있다 vue 테스트 연결되니 afterConnectionEstablished의 로거가 나온다 전송하니 handleTextMessage의..

상점 등록 페이지를 만들고 있었다 상점 등록은 회사/어드민만 권한을 가지고 있어야 한다 따라서 시큐리티에 설정을 추가해주었다 .authorizeRequests().antMatchers("/auth/store/**").access("hasRole('ROLE_COMPANY') or hasRole('ROLE_ADMIN')") 편리하게 권한을 체크해준다 테스트 ROLE_USER일 때 ROLE_COMPANY일 때 로직을 잘 타다가 조건대로 에러를 잘 발생해준다! 주의할 점 권한은 대문자로 해야 한다

https://cordingmonster.tistory.com/193?category=1035575 springboot jwt token 발급하기 2 https://cordingmonster.tistory.com/category/Jwt/Jwt%20%ED%86%A0%ED%81%B0%EB%A7%8C%EB%93%A4%EA%B8%B0 'Jwt/Jwt 토큰만들기' 카테고리의 글 목록 cordingmonster.tistory.com 이전 글들이 조금 두서없는 거 같.. cordingmonster.tistory.com 토큰이 잘 발급되었다면 검증필터를 만들어주자 모든요청이 발생하면 BasicAuthenticationFilter 이 시큐리티 필터를 타게된다 (시큐리티를 적용중이라는 가정하에) 인증검증방식 1.로그인 사..

https://cordingmonster.tistory.com/category/Jwt/Jwt%20%ED%86%A0%ED%81%B0%EB%A7%8C%EB%93%A4%EA%B8%B0 'Jwt/Jwt 토큰만들기' 카테고리의 글 목록 cordingmonster.tistory.com 이전 글들이 조금 두서없는 거 같아서 심플하게 다시 써보려고 한다 1. 디펜던시 넣기 implementation group: 'com.auth0', name: 'java-jwt', version: '3.18.2' 넣어준다 1. 토큰 만들기 1.엑세스토큰은 이메일이든 뭐든 키/밸류형식으로 넣어준다 유효기간을 타이트하게해준다 (20분정도) 2.리프레시는 아무것도 정보를넣어주지 않는다 유효기간을 길게해준다(일주일~두달정도) 변수 네이밍이 ..

https://cordingmonster.tistory.com/category/Jwt/Jwt%20%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%2B%EB%B0%B1%EC%97%94%EB%93%9C%20%ED%86%B5%EC%8B%A0 'Jwt/Jwt 프론트엔드+백엔드 통신' 카테고리의 글 목록 cordingmonster.tistory.com 이전에 한번 썼던 글이지만 다시 한번 정리해 놓으려고 한다 발급 전 jwt를 사용할 때는 높은 확률로 프런트/백엔드 도메인이 분리되어있을 것이다 ex) localhost:3030, (프) localhost:8080(백) axios/ajax 등 도메인이 서로 다를 때 cors정책이 우리를 가로막게 된다 localhost/:1 Acce..