SpringBoot/스파르타 웹개발의 봄 spring (35) 썸네일형 리스트형 [스파르타 웹개발의 봄 spring] 05.02 RDS 구매하고 MySQL 세팅하기 ##RDS 구매하기 미리 가입한 AWS에 로그인합니다. RDS를 검색하고 결과를 클릭합니다. "데이터베이스 생성"을 클릭합니다. "표준생성" 과 "MySQL"을 클릭합니다. "프리 티어"를 선택합니다. DB 인스턴스 식별자에 원하는 이름 입력합니다 마스터 사용자 이름과 암호에 만들고 싶은 계정의 아이디, 비밀번호를 입력합니다. DB 접속용으로 사용해야 하니 꼭 기억해주세요! 연걸 > 추가 연결 구성 탭을 클릭합니다 퍼블릭 액세스 기능: "예" 선택 → 이 설정이 되어있어야 우리 컴퓨터에서 AWS RDS 의 MySQL과 연결이 가능합니다. 꼭 퍼블릭 액세스 설정을 확인해주세요! VPC 보안 그룹: "새로 생성" 선택 새 VPC 보안 그룹 이름: 예) springboot-db-security 가용 영역: 옵.. [스파르타 웹개발의 봄 spring] 04.15 관심상품 최저가 업데이트하기 ##basic.js 에서 setMyprice()함수 정의 : 웹의 최저가 입력창에 입력하면 setMyprice()가 나의 최저가를 업데이트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 function setMyprice() { /** * myprice 값 설정하기. * 1. id가 myprice 인 input 태그에서 값을 가져온다 * 2. 만약 값을 입력하지 않았으면 alert를 띄우고 중단한다. * 3. PUT /api/product/${targetId} 에 data를 전달한다. * 주의) contentType: "application/json.. [스파르타 웹개발의 봄 spring] 04.14 스케줄러 만들기 ##요구 기능 -매일 새벽 1시에 관심 상품 목록 제목으로 검색해서, 최저가 정보를 업데이트하는 스케줄러를 만들어보겠습니다. ##Scheduler 만들기 // 초, 분, 시, 일, 월, 주 순서 @Scheduled(cron = "0 0 1 * * *") 또는 //전의 실행문이 끝나고86400000 ms 뒤 @Scheduled(fixedDelay = 86400000) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 @RequiredArgsConstructor // final 멤버 변수를 자동으로 생성합니다. @Component // 스프링이 필요 시 자동으로 생성하는 클래스 목록에 추가합니다. pub.. [스파르타 웹개발의 봄 spring] 04.13 관심 상품 보여주기 ##$(document).ready 함수의 의미 :페이지가 모두 로드된 직후 실행할 자바스크립트 코드를 넣는 곳입니다. 일단 접속하면 관심 상품을 보여주어야 하기 때문에 showProduct 함수를 호출하고 있습니다. ##showProduct -등록된 관심상품 목록 가져오기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 function showProduct() { /** * 관심상품 목록: #product-container * 검색결과 목록: #search-result-box * 관심상품 HTML 만드는 함수: addProductItem */ // 1. GET /api/products 요청 $.ajax({ type: "GET", ur.. [스파르타 웹개발의 봄 spring] 04.12 관심 상품 등록하기 ##addProduct 함수 완성 : 네이버 api에서 검색해서 받아온 상품들중 선택해서 POST로 상품 리파지토리에 상품저장 - 모달 : 값을 입력하는 작은 화면 -주의: // itemDto를 JSON문자열로 입력했지만 인자로 받을 때 javascript가 자동으로 json형으로 변환해서 다시 jSON문자열로 변환해야 함 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 function addProduct(itemDto) { /** * modal 뜨게 하는 법: $('#container').addClass('active'); * data를 ajax로 전달할 때는 두 가지가 매우 중요 * 1. contentType: "application/json", * 2.. [스파르타 웹개발의 봄 spring] 04.11 상품 검색 기능 만들기 ##execSearch, addHTML 함수 만들기 : execSearch : html 검색창에서 검색어 가져와서 네이버 검색api 실행 후 응답된 List 상품목록을 addHTML로 웹에 상품제목,사진,최저가 포함한html 추가 :addHTML : 상품정보를 저장한 itemDto를 받아서 html안에 제목,가격,사진만 변수로 바꾸면서 html 코드 반환 -주의: 관심상품을 등록시키는 addProduct함수안에 JSON형태인 itemDto를 그대로 인자로 넣으면 에러->json문자열로 변환 후 인자로 넘겨줌 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 .. [스파르타 웹개발의 봄 spring] 04.10 HTML, CSS,JS,이미지 파일 준비하기 ## src > main > resources > static 에 html,js,css,이미지 저장 1,index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 나만의 셀렉샵 Select Shop 모아보기 탐색하기 Apple 아이폰 11 128GB [자급제] 919,990원 최저가 Apple 아이맥 27형 2020년형 .. [스파르타 웹개발의 봄 spring] 04.09 키워드로 상품 검색하기 - 네이버 API와 서비스 연결하기 ##요구 조건 살펴보기 사용자가 검색어를 입력하면, 컨트롤러가 그것을 전달받습니다. 전달받은 검색어로 네이버 API에 요청하고, 그 결과를 사용자에게 응답합니다. ##NaverShopSearch 컴포넌트 등록하기 - @Component // 이제부터, @RequiredArgsConstructor 와 함께 사용할 경우 스프링이 자동으로 생성합니다. - // NaverShopSearch 를 @Component 등록을 해줘야 @RequiredArgsConstructor 로 자동생성 가능 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 .. 이전 1 2 3 4 5 다음