토이프로젝트 45

Springboot WebSocket 배달방만들기 (1)

이제 배달원의 좌표를 줘야 하는데 어떻게 해야 하나 생각하다 결국 이것도 채팅방처럼 배달끼리 묶어서 방을 파면되는 거 아니야? 라는 결론에 도달했다 그래서 방을 만드는 원리를 찾아보았다 https://myhappyman.tistory.com/103?category=873296 SpringBoot - 스프링부트에서 채팅프로그램(소켓통신) 만들기-4(채팅방 만들기2) 1장부터 확인해보실분들은 아래 url을 확인해주세요. https://myhappyman.tistory.com/100 SpringBoot - 스프링부트에서 채팅프로그램(소켓통신) 만들기-1 이번엔 소켓통신을 통하여 채팅프로그램을 스프링부 myhappyman.tistory.com 1. 배달요청 처리(사장님) 배달요청(손님)->물건 픽업 완료 클릭-..

vue.js netlify로 베포하기

맨날 iptime 포트 포워딩을 하기엔 귀찮고 ec2를 사용하기엔..금액이 부담되고... 그래서 뭐 없을까 하다가 https://www.youtube.com/watch?v=WJtetccrv3o 이영상을 보고 했다! 진짜 너무 쉽게 무려 https로 내 사이트가 열린다 다만 백엔드 서버가 문제인데.. 한번 살펴봐야할거같다 주의할점 설정 화면에서 빌드 명령어/폴더 vue 양식에 맞게 잘 입력해준다 https://gallant-benz-fd2940.netlify.app/ blog_jangbogo_front gallant-benz-fd2940.netlify.app 요 못생긴 ㅋㅋ 도메인을 받았다 물론 바꿀 수도 있는데! (돈 줘야 함) 그냥 쓰자! 막상 글을 썼는데 진짜 너무 쉬워서 더 쓸 글이 없다.. 백엔드..

netlify 2022.01.18

springboot google ocr api 호출하기!

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호출 공식문서에서 복붙 했다 근데 링크를 잃어버렸다... 내일 찾아봐야겠다 ㅠ..

Jang_bo_go 2022.01.09

vue.js ckeditor5 연동하기

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만보면 ..

Jang_bo_go 2022.01.08

springboot security 권한에 따른 url접근

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

Jang_bo_go 2022.01.01

springboot security jwt 검증필터 만들기(BasicAuthenticationFilter)

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.로그인 사..

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 이전 글들이 조금 두서없는 거 같아서 심플하게 다시 써보려고 한다 1. 디펜던시 넣기 implementation group: 'com.auth0', name: 'java-jwt', version: '3.18.2' 넣어준다 1. 토큰 만들기 1.엑세스토큰은 이메일이든 뭐든 키/밸류형식으로 넣어준다 유효기간을 타이트하게해준다 (20분정도) 2.리프레시는 아무것도 정보를넣어주지 않는다 유효기간을 길게해준다(일주일~두달정도) 변수 네이밍이 ..

springboot jwt 발급하기 1 (corsFilter)

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..

vue.js 카카오지도 원그리기

기업회원가입 후 매장 등록을 할 때 1. 주소를 선택하면 매장 위치를 표시해주고 2. 배달 반경을 입력하면 매장 중심에서 n키로만큼 원을 그려주기였다 문서 https://apis.map.kakao.com/web/sample/drawShape/ 이렇게 마커가 뜨고 이동한다 이제 반경 숫자를 입력하면 이렇게 원이 나온다 여기서 다시 주소를 검색하거나 숫자를 바꿔도 자연스럽게 움직인다 소스를 봐 보자 1. 주소 마커 표시하기 1. 주소 선택이 완료되면 결과를 result로 들고 온다 2. 결과값이 ok라면 마커 표시 3. 반경까지 정했다면 재탐색 좌표를 중심으로 원 그려주기를 해준다 2-1. 원 그려주기 1. 반경 입력값이 숫자인지 검사한다 2. 원을 그리는 함수 호출한다 2-2. 원 그려주기 1. 이전에 그..

Jang_bo_go 2021.12.30

Springboot 사업자등록조회 api호출하기

기업회원을 받을 때 정상적인 사업자인지 검사를 해야 했다 다행히 나라에서 제공해주는 api가 있었고 사용하기만 하면 됐다 근데 왠..? postman에서 잘만됐는데 서버에서 하니까 안되는 것이었다 그래서 방법을 찾아봤다 내가 고통받은 에러는 "등록되지 않는 키였다" 문제는 restTemplate였고 api호출을 okhttp3을 주입하고 다시 시도하고 성공했다! api https://www.data.go.kr/data/15081808/openapi.do 국세청_사업자등록정보 진위확인 및 상태조회 서비스 국세청에서 제공하는 사업자등록정보 진위확인 및 사업자등록 상태조회 API 서비스입니다. www.data.go.kr 내가 찾은 글 https://imspear.tistory.com/m/130 OpenAPI 데..

Springboot/Api 2021.12.21