https://www.iamport.kr/ 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 아임포트와 함께하세요 www.iamport.kr 아임포트에 회원가입을 하고 관리자 콘솔로 이동합니다 원하는 PG사를 선택하고 테스트모드를 ON해준 뒤 저장합니다 내 정보에서 가맹점식별코드, REST API키, RESET API secret을 확인 할 수 있습니다 결제가 필요한 order폴더의 order.jsp 아래에 아임포트 라이브러리를 추가합니다 order.js에서 기존의 payment 함수를 수정합니다 orderNum은 주문페이지로 이동할때 자바단에서 생성하였었는데 결제시 프론트에서 생성하도록 수정하였습니다 자바단에서 orderNum생성로직을 삭제해줍니다 payMethod가..

이메일 또는 전화번호 인증 후 비밀번호 변경 페이지를 준비합니다 modify.jsp 새로운 비밀번호로 재설정해주세요 새 비밀번호 새 비밀번호 확인 변경하기 modify.js const URLSearch = new URLSearchParams(location.search); const username = URLSearch.get("username"); // 비밀번호 변경시 비밀번호입력 상태 확인 const isSubmit = (function() { let submit = false; const getSubmit =function() { return submit; } const setSubmit = function(set){ submit = set; return submit; } return {getSub..

https://developers.naver.com/apps 애플리케이션 - NAVER Developers developers.naver.com 1. 애플리케이션 등록하기 2. Client ID, Client Secret 저장하기 ##네이버 로그인 spring.security.oauth2.client.registration.naver.client-id=클라이언트 아이디 spring.security.oauth2.client.registration.naver.client-secret=시크릿 키 spring.security.oauth2.client.registration.naver.scope=name,email spring.security.oauth2.client.registration.naver.client..

1. https://console.cloud.google.com/projectselector2/home/dashboard 접속 Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 2. 프로젝트 선택 3. 새 프로젝트 4. 프로젝트 이름 아무거나 입력 후 만들기 클릭 5. OAuth 동의 화면 6. 외부 선택 후 만들기 7. 앱 이름 이메일 입력, 저장 후 계속 8. 사용자 인증 정보 9. 사용자 인증 정보 만들기 => OAuth 클라이언트 ID 10. 유형, 이름, 승인된 리디렉션 URI입력 후 만들기 http://localhost:8080/login/oauth2/code/..

포인트 확인 페이지 user 패키지에 jsp, css, js를 추가합니다 point.js $(document).ready(function(){ $(".point_regi button").click(function(){ $(".point_number_area").fadeToggle(100); }) $(".point_number_area input[type=button]").click(function(){ const giftCardNum = $(".point_number").val().replaceAll(" ", ""); if(!giftCardNum) { return; } $.ajax({ url: "/user/pointRegist", data: {giftCardNum : giftCardNum}, type: ..

매출관리 페이지를 추가합니다 admin -> sales.jsp 오늘 매출 상세보기 매출 상세 이름순 가격순 메뉴 수량 가격 연 매출 이번 달 매출 이번 주 매출 검색 1월 총 합계 (단위 : 만원) 이름순 가격순 admin -> sales.css @charset "utf-8"; body { background: #F3F5F7; } main { width: 90%; max-width: 1200px; margin: 20px auto 100px; } section { background: #fff; padding: 10px 5px; border: 1px solid #E0E5EE; margin-bottom: 20px; } section.detail { display: none; max-height: 400px;..

STOMP를 이용해 아래와 같은 방식으로 구현하였습니다 주문페이지에서 주문완료 시 관리자페이지로 메세지전달 관리자페이지에서 메세지를 주문완료 받으면 db에서 검색 storeDetail.js의 해당 부분을 수정합니다 input의 값을 가져오는 방식에서 url에서 가져오는 방식으로 변경하였습니다 주문시 이동페이지를 가게id를 붙여서 이동하게끔 변경합니다 이동 url에 맞게 orderController도 수정합니다 order폴더의 order.jsp와 admin폴더의 order.jsp 두 곳 상단에 추가합니다 order.js의 상단에 코드를 추가하고 const pathArr = location.pathname.split("/"); const storeId = pathArr[pathArr.length-1]; 아래..

header.jsp 메뉴부분의 매장관리를 삭제하고 url을 수정합니다 주문접수 페이지 메서드를 추가합니다 @IsMyStore @GetMapping("/admin/management/order/{id}") public String order(@PathVariable long id) { return "admin/order"; } 주문접수 페이지로 이동합니다 주문접수 페이지에서 주문목록을 불러올 메서드를 추가합니다 @IsMyStore @GetMapping("/admin/management/orderList") public ResponseEntity orderList(long storeId, String list, int page) { System.out.println(storeId); System.out.pr..

메뉴 수정하기 메뉴 수정 메서드를 추가합니다 @IsMyStore @PatchMapping("/admin/management/menu") public ResponseEntity updateMenu(Food food, String[] foodOption, Integer[] foodOptionPrice, Integer[] optionId, MultipartFile file) throws IOException { System.out.println(food); if(file.isEmpty()) { String img = File.separator + "img" + File.separator + "none.gif"; food.setFoodImg(img); food.setFoodThumb(img); } else { ..

가게 정보 수정하기 가게 정보 수정 메서드를 추가합니다 @ResponseBody 대신 ResponseEntity를 리턴하게 하고 이전에 만들었던 @IsMyStore어노테이션으로 파라미터의 store의 id가 계정에 등록되지 않은 id일 경우 401 에러가 발생합니다 가게 정보의 일부분을 수정하는 것 이므로 PatchMapping을 사용하였습니다 @IsMyStore @PatchMapping("/admin/management/storeInfo") public ResponseEntity storeInfoUpdate(Store store, MultipartFile file) throws IOException { if(!file.isEmpty()){ String img = uploadFile.fildUpload(..