전체 글14 4. 나만의 셀렉샵 - 화면 구현 (스프링 부트) 2021. 3. 25. 3. 나만의 셀렉샵 - 클라이언트 구축 (스프링부트) 1. 파일분리 css, js 파일을 분리해서 html 안에 넣기 / icon 같은 img파일은 static - images폴더 안에 넣기 2. 상품 검색 기능 요구조건 : 1) 검색어를 입력 후 엔터를 쳤을 때 API search에 검색을 입력하고 값을 받아오기 (execSearch 함수) 2) 받아온 데이터를 html으로 만들기 (addHTML 함수) basic.js function execSearch() { /** * 검색어 input id: query * 검색결과 목록: #search-result-box * 검색결과 HTML 만드는 함수: addHTML */ // 1. 검색창의 입력값을 가져온다. let query = $('#query').val(); // 2. 검색창 입력값을 검사하고, 입력하지 .. 2021. 3. 25. 2. 나만의 셀렉샵 - 프로젝트 설계 & 서버 구축 (스프링부트) 프로젝트 설계 필요한 기능 확인 키워드로 상품검색 -> 결과 목록으로 보여주기 관심 상품 등록 관심 상품 조회 관심 상품에 가격 등록 and 등록한 가격보다 낮은 경우 표시 (추가) 스케줄러를 통해 하루에 한번씩 상품 정보 DB에 업데이트 API 설계 기능 Method URL 반환 상품 검색, 결과 보여주기 GET /api/search?query=검색어 List 관심 상품 등록 POST /api/products Product 관심 상품 조회 GET /api/products List 관심 상품 가격 등록, 가격보다 낮은 경우 표시 PUT /api/products/{id} id 3계층 설계 (Controller, Service, Repository) 1. Controller ProductRestControl.. 2021. 3. 24. 1. 나만의 셀렉샵 - 자바를 통해 API 이용하기 (스프링부트) 네이버 쇼핑 API를 가져와서 검색어에 맞는 물건정보를 보여주고 나만의 관심 물품 등록 가능 관심 물품의 가격을 입력할 수 있고 입력한 가격보다 낮은 가격의 동일 제품이 있을 경우 알림버튼을 띄어준다. 네이버 API 이용 신청하기 developers.naver.com/docs/serviceapi/search/shopping/shopping.md#%EC%87%BC%ED%95%91 링크에서(검색-쇼핑 api이용) api 이용신청 -> 서비스환경 : WEB설정 -> url : http://localhost 클라이언트 아이디 / 패스워드 확인 네이버 API 사용 developers.naver.com/docs/search/shopping/ 링크에서 API 기본 정보 출력포맷 json인 url 복사 호출 방법 cu.. 2021. 3. 24. 이전 1 2 3 4 다음
