독학 146

Springboot redis 커스텀 객체넣기

아주 쉽게 넣을 수 있다 redis 연동글 https://velog.io/@devsh/Redis-8-Spring-Boot-Redis-%EC%82%AC%EC%9A%A9%ED%95%B4%EB%B3%B4%EA%B8%B0 [Redis - 8] Spring Boot Redis 사용해보기 Mac OS CatalinaSpring Boot 2.42Java 8https://start.spring.io/ 에서 들어가서 설정을 동일하게 해주세요. LombokSpring Boot DevTools Spring WebSpring Data Redis자바 버전은 velog.io 아주 친절하게 설명해 놓으셨다 hash map으로 객체를 저장하려고 해서 redisTemplate.setHashValueSerializer(new Jacks..

Springboot/Redis 2022.03.08

SpringBoot 장바구니 만들기(미완성버전)

미완성 사이드바가 가리긴 하는데 일단 전략을 바꿨다 구축하고 리팩터링 하는 걸로 그리고 애초에 장바구니에서 주문이 되는게 아니라 결제 페이지가 있어야하는데 일단 한꺼번에 만들었다 1. 수량조절 장바구니 고유 id값을 전달해 준다 요청받은 id/개수를 서버로 준다 서버 장바구니 id로 조회 basketVo basketVo=basketDao.findById(basketId).orElseThrow(()->utillService.makeRuntimeEX("존재하지 않는 장바구니 품목입니다", "tryUpadte")); 업데이트 basketVo.setCount(count); 가격 재계산 ((productVo)productService.getProduct(basketVo.getProductId()).get("mes..

Jang_bo_go 2022.03.07

Springboot Aop,Async

상점/제품 등록 수정이 이뤄질 때 사진이 처리를 해줘야 했다 등록=잔여 사진 처리 수정= 잔여 사진 처리 + 기존 사진 유무 판별 그래서 잔여 사진 처리=aop 기존 사진 유무 판별=비즈니스 로직 이렇게 정리했다 흐름에 방해하지 않기 위해 비동기를 적용했다 흐름 컨트롤러 접근-> 세션 가져오기->비즈니스 로직 끝남->작동 이렇게 된다 컨트롤러에서 세션을 가져오는 이유는 비동기 처리 시 새 스레드가 생겨서 같은 리쿼스트를 뽑으면 오류가 난다 컨트롤러에서 세션 가져오기 삭제하는 로직

Springboot/Aop 2022.02.21

Vue 페이징 만들기 router watch

url을 이용해서 페이징을 구현하는 흐름을 만들어 야한다 흐름 다음/이전 버튼을 클릭-> url을 변경-> 재 랜더링 1. 다음 이전 버튼에 url을 바꿔주는 로직을 작성한다 -vue의 라우터가 들고 있는 기능을 활용한다 2.url이 변경된다 -url이 변경되면 부모 컴포넌트 혹은 현재 컴포넌트에 watch로 감지한다 3. 재 랜더링 -주석은 무시하면 된다 내 로직 기준 해당 url 자식 컴포넌트의 함수를 호출해 재 렌더링을 시킨다 -주석은 무시하고 그냥 다시 서버에 요청하는 로직을 호출한다 새로고침 없이 페이지 이동이 되고 뒤로/앞으로 가기 버튼/이탈 후 뒤로/앞으로 가기시에도 잘 대응된다 훨신 좋게 소스를 바꿨다 https://cordingmonster.tistory.com/266?category=1..

Vue/vue2 2022.02.15

Vue 부모자식 컴포넌트 데이터 교환 함수호출

vue를 사용하다 보면 컴포넌트 통신은 필수적으로 일어난다 그때 사용하면된다 -refs, props 부모-> 자식 1.props 주로 초기 변수 전달을 위해 사용했다 줄 때(부모) v-bind:변수 이름:변숫값 v-bind->: 줄여서 표현 가능하다 받을 때(자식) props안에 변수 이름을 쓰고 사용할 때는 this. 변수 이름으로 사용한다 2.refs 주로 자식 함수를 호출하기 위해 사용했다 사용법 this.$refs. 태그에 지정한 ref값. 지정 컴포넌트 안에 함수 3.emit 자식 -> 부모 1. 자식 this.$emit('명칭', '전달할 변수') 2. 부모 v-on:명칭="호출할 함수" 아주 쉽게 컴포넌트 통신을 할 수 있다

Vue/vue2 2022.02.15

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 vue 소켓통신하기 2(전송)

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가 없으면 프런트 새로고침 시 하고 다시 새..