반응형 스프링 (Spring)/SelectShop Project12 Selectshop - OG TAG 작업 OG TAG 2021. 8. 5. Selectshop - 스케쥴러 스케쥴러 요구사항 - 매일 새벽 1시에 관심 상품 목록 제목으로 검색해서, 최저가 정보를 업데이트하는 스케줄러. - src > main > java > week04 > utils > Scheduler.java 생성 Scheduler.java @RequiredArgsConstructor // final 멤버 변수를 자동으로 생성합니다. @Component // 스프링이 필요 시 자동으로 생성하는 클래스 목록에 추가합니다. public class Scheduler { private final ProductRepository productRepository; private final ProductService productService; private final NaverShopSearch naverShopS.. 2021. 8. 3. Selectshop - 관심 상품 등록 및 보이기 자바스크립트의 특성 - 자바스크립트는 파라미터로 전달이 된 것을 자동으로 json 형태로 변경한다. - 따라서 json.stringify를 적절하게 다시 사용해야 한다. - 다른것을 보고싶다면 아래의 코드를 실행해 보면 좋다. console.log(itemDto); console.log(JSON.stringify(itemDto)); 관심상품 생성 요청 function addProduct(itemDto) { /** * modal 뜨게 하는 법: $('#container').addClass('active'); * data를 ajax로 전달할 때는 두 가지가 매우 중요 * 1. contentType: "application/json", * 2. data: JSON.stringify(itemDto), */ //.. 2021. 8. 3. Selectshop - 상품검색기능 execSearch unction execSearch() { /** * 검색어 input id: query * 검색결과 목록: #search-result-box * 검색결과 HTML 만드는 함수: addHTML */ // 0. 기존의 정보를 지워준다. $('#search-result-box').empty(); // 1. 검색창의 입력값을 가져온다. let query = $('#query').val(); // 2. 검색창 입력값을 검사하고, 입력하지 않았을 경우 focus. if (query == '') { alert("검색어를 입력해주세요."); $('#query').focus(); return; } // 3. GET /api/search?query=${query} 요청 $.ajax({ type:'GET.. 2021. 8. 3. SelectShop - HTML 구성 index.html Select Shop 모아보기 탐색하기 Apple 아이폰 11 128GB [자급제] 919,990원 최저가 Apple 아이맥 27형 2020년형 (MXWT2KH/A) 2,289,780 원 X ⏰최저가 설정하기 최저가를 설정해두면 선택하신 상품의 최저가가 떴을 때 표시해드려요! 원 설정하기 basic.js let targetId; $(document).ready(function () { // id 가 query 인 녀석 위에서 엔터를 누르면 execSearch() 함수를 실행하라는 뜻입니다. $('#query').on('keypress', function (e) { if (e.key == 'Enter') { execSearch(); } }); $('#close').on('click', .. 2021. 8. 3. SelectShop - 키워드로 상품 검색하기2 네이버 API 서비스 연결 요구사항 사용자가 검색어를 입력하면, 컨트롤러가 그것을 전달받습니다. 전달받은 검색어로 네이버 API에 요청하고, 그 결과를 사용자에게 응답합니다. NaverShopSearch 컴포넌트 등록하기 - 검색을 main 메소드에서 진행하는게 아니라, Controller 에서 가져다 써야 한다. - 스프링이 자동으로 필요한 클래스를 필요한 곳에 생성하려면, 컴포넌트 등록을 해야한다. - 컴포넌트는 사용자가 요구하면 자동으로 생성할 클래스 목록 이라고 이해할 수 있다. @Component // @RequiredArgsConstructor 와 함께 사용될 경우 스프링이 자동으로 생성한다. public class NaverShopSearch { SearchRequestController 생.. 2021. 8. 3. 이전 1 2 다음 반응형
