본문 바로가기

ETC

 (30)
Apache JMeter (성능 / 부하테스트) Apache JMeter Application은 기능적 동작을 테스트하고 성능을 측정하도록 설계된 Java 오픈소스 소프트웨어 이다.여기서 성능 테스트란, 서비스의 성능을 확인하기 위해 실제 운영환경과 비슷한 환경에서 테스트를 진행하는 것을 의미한다. 이 테스트를 통해서 응답 시간(Response Time), 처리량(Throughput), 병목구간 등을 확인할 수 있다.  준비물1. JDK 다운로드 및 환경변수 설정 (기본적으로 다 되어있다고 생각된다) 2. JMeter 다운로드 (https://jmeter.apache.org/download_jmeter.cgi) Apache JMeter - Download Apache JMeterDownload Apache JMeter We recommend you u..
Vue3.0, Google Maps API 를 사용한 일본 여행지도 만들기 2달전에 만들어놓고 블로그 작성을 깜박해버렸습니다. 다시 기억을 되살려서... 이 프로젝트는 다음과 같은 목표가 있습니다 1. google maps 를 vue3-google-map 라이브러리 없이 만들어보기 일본 도쿄 지하철 노선도에 따른 위치를 보여주고 거기에 주변 맛집도 보여주려면 주변 장소정보를 지원하지 않는 vue3-google-map 라이브러리 없이 google maps만 사용해야 했습니다. 2. vue 3.0 버전과 거기에 맞는 vuex 4.0 사용해보기 예전에 만든 북스토어에는 vue 2버전과 vuetify를 사용하여 구현을 했었지만! 하지만 이제는 vue 3버전이 공식적으로 출시되었고 Emit, multiple root, setup 함수 등 다양하고 편리한 기능이 추가되었습니다. vue 2..
BookStore 로그아웃 동작 (Springboot Vue) //Vue.js Logout(){ this.$axios.post("/logout") .then(() => { this.$store.dispatch('logout').then(()=> { this.dialogMsg = "로그아웃 성공. 로그인 페이지로 이동합니다" this.dialog = true }) }).catch(error =>{ console.log("error : " + error.response); }) }, 1. Vue에서 로그아웃 요청시 WebSecurityConfig에서 다음과 같은 방법으로 로그아웃이 처리된다. //WebSecurityConfig.java public void configure(HttpSecurity http) throws Exception { http ... .logou..
Book Store 수정사항 목록 Vue.js 1. bookStore 메인화면에서 책 클릭 시, 한번씩 깜박거리며 책NAV가 나오는 현상 수정 Spring boot (07.13) 1. 프로필 이미지 저장경로 & 이미지 이름 변경 저장경로를 BookStoreAPi 밑 profile_img로 # file path profileImg.path = C:/Spring/BookStoreApi/profile_img/ Member Service의 파일업로드 부분 //프로필 등록 public String saveProfile(String email, MultipartFile multipartFile) { Optional member = memberRepository.findByEmail(email); Member data = member.orElseTh..
그 외 정리 등... Vue.js 구조 - App.js {{ icon.icon }} hello 우선 App.vue 페이지는 총 3가지 구성이 있다. 1. 모든 페이지에서 사용하는 SearchMenu 컴포넌트, 2. 라우팅 정보가 바뀌면 해당 페이지를 출력해주는 3. footer 1. Vue 리렌더링 1번인 메인 검색 화면에는 로그인 상태를 확인하는 프로필 사진이 존재한다. (로그인 상태에서 클릭하면 마이페이지나 개인정보 수정 페이지로 이동가능한 dialog = true) 로그인이 실행되면 해당 로그인 정보를 $Store로 dispatch 후 state에 업데이트 해주고 그 정보를 상단 검색 컴포넌트에 불러오는 원리이다. 하지만 한번씩 로그인을 실행해도 프로필 사진이 변하지 않고, 기본 사진 그대로 출력되었다 이유는 data를..
15. 결제와 환불 (아임포트 모듈 사용) 결제가 성공하면 4번으로 -> 결제가 실패하면 2번에서 생성한 주문번호를 삭제 후 홈으로 4. Spring으로 결제정보를 넘겨서 처리 5. 처리 후 다시 Vue로 결과 전송 결제 시연영상은 아래로 들어가기 전 테이블 컬럼 정보 1. order @Id @Column(name = "orderId") private long orderId; //1. 주문번호 @Column(unique = true) private long mid; //2. 사용자 id private String buyerName; private String postcode; //3. 우편번호 private String addr; //4. 주소 private String detailAddr; //5. 상세주소 private String phone..
14. 마이페이지-2 (댓글 관리와 개인정보 수정) 1. 댓글관리 (Comment Entity) https://dwc04112.tistory.com/172 11. 책 상세보기 미리미리 정리해뒀어야 했는데... 도서 사이트를 완성하고 이제서야 작성한다 책 상세보기에는 아래 사진과 같이 1. 책 정보 2. 책 소개, 목차, 출간자 서평 3. 해당 책 댓글 4. 우측 네비게이 dwc04112.tistory.com 상세보기에서 제공하는 정렬과, 책 상세보기에서와 같은 동작을 하는 그래프이다. 댓글목록의 우측 상단 X버튼을 통해 해당 댓글을 삭제 가능하다. (MyComment 의 Vue-Script) //댓글 삭제 deleteComment(){ let cid = this.setCid this.$axios.delete("comment/" + cid) .then(re..
13. 마이페이지-1 (장바구니, 위시 리스트, 주문목록) 마이페이지의 router - index 들어가기 전 마이페이지는 로그인을 진행 후 들어갈수 있는 페이지라서 해당 페이지에 접속하면? 네비게이션 가드의 beforeEach를 호출하고 대기상태가 된다. { path: '/my', component: () => import('@/views/mypage/My'), meta: { auth: true, //는 경로가 로그인 할 필요가 있음을 나타낸다 }, children:[ { path: 'wish', name: 'WishList', component: () => import('@/views/mypage/WishList'), }, { path: 'comment', name: 'MyComment', component: () => import('@/views/mypag..

티스토리툴바