분류 전체보기 269

Vue 페이징/검색 만들기 뒤로/앞으로가기 버튼대응하기

프로세스 -백엔드 호출 함수 구축->watch로 라우터변경감지->백엔드 호출 함수 호출 1.페이지 정보를 받아오는 함수를 만든다 -this.$store.dispatch('basicStore/getInfolist', { url: url});을 호출해 store의 state를 바꿔준다 2.페이지교체버튼/검색버튼을 만든다 -this.$router.push(changeUrl);를 이용해 url를 변경해준다 3.watch로감지 watch로 router변화를 감지후 변경된다면 페이지 정보를 받아오는 함수를 호출한다 나는 $route가 안되면서사진 처럼 '$route'했더니 됐다 결과 작업 브랜치 https://github.com/novb1492/SUPERMAN_FRONT_ADMIN/blob/feature/produ..

Vue/vue3+vuex 2022.08.18

springboot Json에 배열 담아 요청하기

정부 사업자등록 조회 api를연동해야했다 보내는 값형식이 {"b_no": [ "108" ] } 요런 형식이였다 그래서 그냥 List arry = new ArrayList(); arry.add(companyNum); 배열을 만들고 JSONObject requestBody=new JSONObject(); requestBody.put("b_no",arry); json에 넣었다 정부 api 결과:{"status_code":"OK","data":[{"end_dt":"","b_no":"108","b_stt_cd":"","tax_type":"국세청에 등록되지 않은 사업자등록번호입니다.","b_stt":"","utcc_yn":"","invoice_apply_dt":"","tax_type_change_dt":"","ta..

Springboot 2022.08.14

querydsl +PageRequest

페이징 처리시 늘날리던 쿼리가 있었다 "select * ,(select count(*) from baskets where user_id=?)totalCount from baskets where user_id=? order by basket_id desc limit ?,?" 이런쿼리였는데 좀 갈증이있었다 이렇게 받으면 문제가 많다 일단 서브쿼리로인한 낭비 가져온뒤 총페이지 구하기 기타 프론트에서 필요한 정보 가공 그러다 문득 회사에서 팀원이 pageable객체 안쓰세요?라고 했고 아 그거? jpa초반에 쓰고 잊고 있었는데 그게 뭐 특별한게 있나요?라고 물었다 솔직히 많이 부끄러웠다 팀원은 아 그거 쓰면 지금 일일이 하는거 다해줘요 라고 했고 구글을 다시 뒤져보았다 많은 글을 보았고 querydsl에 적용했..

Springboot/QueryDsl 2022.08.12

vue3 watch를 활용하자

매장정보를 조회 할 수 있는 페이지를 만들고 있었다 매장등록과 매장정보(수정)은 같은 컴포넌트를 사용한다 여기서 문제가 생겼다 구조 StoreDetailPage.vue에서 StoreDetail컴포넌트를 호출하고 그안에 editor/카카오지도 컴포넌트가 있다 문제 매장정보조회시 정보들을 가져다 뿌리는데 editor/카카오지도 컴포넌트가 먼저 호출되서 순서가 뒤바뀐다 해결 여러방법을 시도 했다 그리고 watch로 해결했다 action에서 api통신후 Mutaions에서 state값을 바꿔준다 그떄 randDone이라는 변수를 true한다 기본값은false StoreDetail컴포넌트에 watch를 건다 randDone이 변경 된다면 watch가 감지한다 그러면 그때 editor호출 및 resultPost를 ..

Vue/vue3+vuex 2022.08.12

Vue3 여러개 store 관리하기 store 별로 actions/getter 호출하기

https://velog.io/@skyepodium/VUEX-store-%EC%97%AC%EB%9F%AC-%EA%B0%9C%EB%A5%BC-%EB%AA%A8%EB%93%88%ED%99%94%ED%95%98%EA%B8%B0 VUEX store 여러 개를 모듈화하기 vuex 에서 store를 여러개 만들고 쉽게 사용해봅시다. velog.io 아주 좋은 글을 발견했다 만들면 끝! 이제 저 이름들을 붙혀서 불러주면된다 참고로 store에 namespaced: true,가 있어야한다 ...mapGetters와this.$store.dispatch에 각 store이름을 붙혀서 호출하면된다

Vue/vue3+vuex 2022.07.19

Springboot Security 2.7.+ 에서 authenticationManagerBean

이전글 https://cordingmonster.tistory.com/252 2.7. + 버전에서 시큐리티 사용하기 최근 새프로제그를 만들고 WebSecurityConfigurerAdapter가 디클라인이 된걸 확인 하였다 https://spring.io/blog/2022/02/21/spring-security-without-the-websecurityconfigureradapter In Spring Security 5.7.. cordingmonster.tistory.com AuthenticationManager bean등록 방식도 바뀌었다 https://spring.io/blog/2022/02/21/spring-security-without-the-websecurityconfigureradapter S..

Springboot/Security 2022.07.07

Springboot Security 2.7. + 버전 WebSecurityConfigurerAdapter

최근 새프로제그를 만들고 WebSecurityConfigurerAdapter가 디클라인이 된걸 확인 하였다 https://spring.io/blog/2022/02/21/spring-security-without-the-websecurityconfigureradapter Spring Security without the WebSecurityConfigurerAdapter In Spring Security 5.7.0-M2 we deprecated the WebSecurityConfigurerAdapter, as we encourage users to move towards a component-based security configuration. SecurityFilterChain 리턴해주는 bean을 등록..

Springboot/Security 2022.07.07

Vue kakaomap 마트들 정보 스와이프로 표시하기

1.스와이프 생성 2. 조회한 매장은 드래그 이벤트에도 유지 1.스와이프 생성 https://swiperjs.com/vue Swiper Vue.js Components Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 그리고 swiper.min.css 받아서 main에 임포트 해준다 2. 조회한 매장은 드래그 이벤트에도 유지 onMouseIndex 배열에 조회한 번호를 넣고 clearSuperAndMarketMarkerArr가 실행 될때 제외해 준다

Super_Man/Front 2022.07.01