growing pear

* 이전에 만들어 둔 NaverShopSearch 클래스를 웹서비스에 이용할 수 있도록 수정 - 만들어 둔 NaverShopSearch package com.sparta.week04.utils; ... public class NaverShopSearch { //Java에서 url에 한글로 입력을 해도 인코딩을 알아서 해줌 public String search() { RestTemplate rest = new RestTemplate(); HttpHeaders headers = new HttpHeaders(); //네이버 API가 정의한대로 헤더를 넘겨줌 headers.add("X-Naver-Client-Id", "Fzj17ucnTdxEPXlsLH8O"); headers.add("X-Naver-Client-..

상품 검색 후 등록 버튼을 클릭했을 때 관심 상품이 생성되어야 함 -> 검색 결과에서 제목, 이미지, 링크, 최저가를 가져오면 됨 1st) 제목, 이미지, 링크, 최저가 데이터 가져와서 관심상품 등록 2nd) 내가 원하는 최저가 입력해서 등록한 관심상품 데이터 수정 - Dto 만들기 /*ProductRequestDto.java*/ package com.sparta.week04.models; ... @Getter public class ProductRequestDto { private String title; private String link; private String image; private int lprice; } /*ProductMypriceRequestDto.java*/ package com...

/*Timestamped.java*/ package com.sparta.week04.models; ... @Getter // get 함수를 자동 생성합니다. @MappedSuperclass // 멤버 변수가 컬럼이 되도록 합니다. @EntityListeners(AuditingEntityListener.class) // 변경되었을 때 자동으로 기록합니다. public abstract class Timestamped { @CreatedDate // 최초 생성 시점 private LocalDateTime createdAt; @LastModifiedDate // 마지막 변경 시점 private LocalDateTime modifiedAt; } /*Week04Application.java*/ package com..

- 네이버 쇼핑 API 설명 문서 https://developers.naver.com/docs/search/shopping/ 검색 API 쇼핑 검색 개발가이드 NAVER Developers - 검색 API 쇼핑 검색 개발가이드 developers.naver.com 가이드에 써 있는 대로 url 복사 가이드대로 요청 시 보내줘야 할 데이터를 ARC에 입력해주기 header에 입력한 값은 가이드 링크에 들어가면 있는 "오픈 API 이용 신청"을 눌러서 하라는 대로 하면 얻을 수 있음. 쿼리스트링의 변수는 자신이 검색하고 싶은 것을 일단 영어로 입력하기(변수 query의 값은 한글이 인코딩되어있어야 함) 일단 비행기 버튼을 눌러 send 하면 이러한 결과값을 얻을 수 있음. CODE SNIPPETS -> JA..

타임라인 서비스가 불러오는 메모 목록의 시간을, 조회 시간으로부터 24시간 이내로 바꾸기 힌트1) spring jpa localtime between 라고 구글링해보세요. 힌트2) 지금은 LocalDateTime.now(), 하루 전은 LocalDateTime.now().minusDays(1) 입니다. - JPA between 사용법 https://docs.spring.io/spring-data/jpa/docs/current/reference/html/#jpa.query-methods Spring Data JPA - Reference Documentation Example 109. Using @Transactional at query methods @Transactional(readOnly = true)..

function deleteOne(id) { // 1. DELETE /api/memos/{id} 에 요청해서 메모를 삭제합니다. $.ajax({ type: "DELETE", url: `/api/memos/${id}`, success: function() { alert("삭제가 완료되었습니다."); window.location.reload(); } }); }

현재 체크모양 버튼의 기능을 구현하고 있음! 수정한 내용을 담고있는 부분은 ${id}-textarea임!! - val() : input 태그에 정의된 value 속성의 값을 확인하고자 할 때 사용 - text() : selector 태그 내에 존재하는 자식태그들 중에 html 태그는 모두 제외한 채 문자열만 가져올 때 사용 function submitEdit(id) { // 1. 작성 대상 메모의 username과 contents 를 확인합니다. let username = $(`${id}-username`).text().trim(); let contents = $(`${id}-textarea`).val().trim(); //${id}-contents가 아님!! // 2. 작성한 메모가 올바른지 isVal..

[개발 스펙 확인] 기존 메모 제거하기 GET API 사용해서 메모 목록 불러오기 메모마다 HTML 만들고 붙이는 함수 만들기 * 하지만, 입력일과 수정일 날짜데이터가 안보인다..!! 어떻게 된거지?!!!!!?!?!??!?! Timestamp와 Week03Applicaion 파일에 뭔가를 빼먹었다 https://nazero.tistory.com/20 타임라인서비스) Repository 만들기 /*Memo.java*/ package com.sparta.week03.domain; ... @NoArgsConstructor // 기본생성자를 만듭니다. @Getter @Entity // 테이블과 연계됨을 스프링에게 알려줍니다. public class Memo extends Timestamped { /.. naze..

/*index.html*/ ... //Validation function isValidContents(contents) { if (contents == '') { //입력한 내용이 없을 때 alert('내용을 입력해주세요'); //경고창 띄움 return false; //함수의 결과값을 false로 리턴 } //입력한 내용이 140byte가 초과되면 if (contents.trim().length > 140) { //trim(): 앞뒤 공백 모두 제거 alert('공백 포함 140자 이하로 입력해주세요'); //경고창 띄움 return false; //함수의 결과값을 false로 리턴 } return true; //함수의 결과값을 true로 리턴 } // 익명의 username을 만듭니다. functio..

[필요한 기능 살펴보기] 접속하자마자 메모 전체 목록 조회하기 GET API 사용해서 메모 목록 불러오기 메모 마다 HTML 만들고 붙이기 메모 생성하기 사용자가 입력한 메모 내용 확인하기 POST API 사용해서 메모 신규 생성하기 화면 새로고침하여 업데이트 된 메모 목록 확인하기 메모 변경하기 사용자가 클릭한 메모가 어떤 것인지 확인 변경한 메모 내용 확인 PUT API 사용해서 메모 내용 변경하기 화면 새로고침하여 업데이트 된 메모 목록 확인하기 메모 삭제하기 사용자가 클릭한 메모가 어떤 것인지 확인 DELETE API 사용해서 메모 삭제하기 화면 새로고침하여 업데이트 된 메모 목록 확인하기 위의 내용을 JS 함수로 구현할 예정 /*src > main > resources > static > ind..