SpringBoot/스파르타 웹개발의 봄 spring (35) 썸네일형 리스트형 [스파르타 웹개발의 봄 spring] 04.08 키워드로 상품 검색하기 - NaverShopSearch 발전시키기 ## NaverShopSearch 클래스를, 웹서비스에 이용할 수 있도록 발전시켜 보겠습니다. 1. 검색어를 요구에 따라 바꿀 수 있어야 합니다. 1) 검색어 바꾸기 - 문자열로 받아서 query주소에 넣기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 public String search(String query) { // 검색어 받아서 // ARC에서 가져온 네이버 api GET 코드 RestTemplate rest = new RestTemplate(); HttpHeaders headers = new HttpHeaders(); headers.add("X-Naver-Client-Id", "Y2PMCJtP_nbIC3jX1Xv6"); // 네이버에서 발급받은 id he.. [스파르타 웹개발의 봄 spring] 04.07 관심 상품 등록하기 ##요구 조건 살펴보기 :상품을 검색한 후, 등록 버튼을 눌렀을 때 관심 상품이 생성되어야 합니다. 검색 결과에서 제목, 이미지, 링크, 최저가를 가져오면 됩니다. ##Dto 클래스 만들기 1.ProductRequestDto : 관심상품 등록, 조회 시 정보 매개체 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 package com.sparta_spring.sparta_spring_week04.models; import lombok.Getter; import lombok.RequiredArgsConstructor; import lombok.Setter; // 정보를 전달하는 매개체이므로 정보를 담고 생성,조회기능있어야 됨 @Getter @Setter @RequiredAr.. [스파르타 웹개발의 봄 spring] 04.06 관심 상품 조회하기 ##요구조건 :모아보기 태그를 클릭하면 상품의 사진, 이름, 가격, 최저가 정보 표시 1.Timestamped 클래스 만들기 1) 클래스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 package com.sparta_spring.sparta_spring_week04.models; import lombok.Getter; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListe.. [스파르타 웹개발의 봄 spring] 04.05 프로젝트 설계하기 ##필요한 기능 확인하기 키워드로 상품 검색하고 그 결과를 목록으로 보여주기 관심 상품 등록하기 관심 상품 조회하기 관심 상품에 원하는 가격 등록하고, 그 가격보다 낮은 경우 표시하기 [스파르타 웹개발의 봄 spring] 04.03 네이버 API를 ARC로 사용해보기 ##API ARC로 사용하기 [코드스니펫] 네이버 쇼핑 API 설명 문서 2. 기본 호출 url 은 https://openapi.naver.com/v1/search/shop.xml 3. 기본 호출에 원하느 변수값 입력 (기본 호출 url + ? + 변수=값&변수=값) 형태로 - https://openapi.naver.com/v1/search/shop.xml?query=iphone 4. arc 헤더에 발급받은 id,secret 정복 입력해야 함 X-Naver-Client-Id: {애플리케이션 등록 시 발급받은 client id 값} X-Naver-Client-Secret: {애플리케이션 등록 시 발급받은 client secret 값} [스파르타 웹개발의 봄 spring] 04.02 네이버 API 신청하기 ##API 이용 신청하기 "오픈 API 이용 신청" 버튼을 클릭합니다. 해당하는 항목에 값 입력 애플리케이션 이름 - springboot 비로그인 오픈 API 서비스 환경 - WEB 선택 후 http://localhost 입력다음과 같이 입력한 뒤 "등록하기"를 클릭합니다. Client ID, Client Secret 이 생성된 것을 확인합니다. [스파르타 웹개발의 봄 spring] 03.16 메모 삭제하기 - deleteOne 함수 ## 메모삭제 1 2 3 4 5 6 7 8 9 10 11 12 // 메모를 삭제합니다. function deleteOne(id) { // 1. DELETE /api/memos/{id} 에 요청해서 메모를 삭제합니다. $.ajax({ type: 'DELETE', url: `/api/memos/${id}`, success: function (){ alert("성공적으로 삭제되었습니다."); window.location.reload(); } }) } Colored by Color Scripter cs [스파르타 웹개발의 봄 spring] 03.15 메모 변경하기-submitEdit ## submitEdit 함수 완성 - - 저장된 메시지 업데이트 작성 대상 메모의 username과 contents 를 확인 작성한 메모가 올바른지 확인 전달할 data 를 JSON으로 바꾸기 PUT /api/memos/{id} 에 data를 전달 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 // 메모를 수정합니다. function submitEdit(id) { // 1. 작성 대상 메모의 username과 contents 를 확인합니다. let username = $(`#${id}-username`).text().trim(); let contents = $(`#${id}-textarea`).val().trim(); // 2.. 이전 1 2 3 4 5 다음
