상품 검색 기능 만들기 1. 검색어를 요청할 때 만들어 논 Search API 에 가서 검색을 요청하고 결과를 반환 2. 받아온 데이터를 HTML 로 만들어야 함 Ø execSearch, addHTML 함수 만들기 검색창 입력값 가져오기 입력값을 검사하고, 입력값이 없을 경우 focus GET /api/search?query=${query} 요청 for 문으로 itemDto 를 꺼내서 HTML 만들고 검색결과를 목록에 붙이기 addHTML 완성하기 검색결과 전체를 담고있는 div id = searc-result-box 여기에 add HTML 후 업로드 할 곳 execSearch, : in basic.js function execSearch() { /** * 검색어 input id: query * 검색결과..
강의정리들
ItemDto.java 생성 models 패키지 내부에: 가져온 정보를 클라이언트에 돌려주기 위한 것 @Getter public class ItemDto { private String title; private String link; private String image; private int lprice; public ItemDto(JSONObject itemJson) { this.title = itemJson.getString("title"); this.link = itemJson.getString("link"); this.image = itemJson.getString("image"); this.lprice = itemJson.getInt("lprice"); } } 컨트롤러에서 NaverShopSe..
프로젝트 만들기 관심 상품 조회하기 1. 타임 스탬프 클래스 만들기 src > main > java > com.sparta.week04 에 models 패키지 생성 models 패키지 내부에 Timestamped.java 생성 @Getter // get 함수를 자동 생성합니다. @MappedSuperclass // 멤버 변수가 컬럼이 되도록 합니다. @EntityListeners(AuditingEntityListener.class) // 변경되었을 때 자동으로 기록합니다. public abstract class Timestamped { @CreatedDate // 최초 생성 시점 private LocalDateTime createdAt; @LastModifiedDate // 마지막 변경 시점 privat..
4주차 내용 프로젝트 들어가기 앞서 스프링 스케쥴러 : 서버에게 원하는 작업을 원하는 시간에 시키는 것 백엔드 스프링 개발자에게 가장 필요한 기본기는? 1. 3계층 숙달 : 개발의 핵심은 분업과 느슨한 결합(유연성과 확장성) Controller, Service, Repository > 느슨한 결합의 대표 예시이자 스프링이 돌아가는 척추 2. API handling 다양한 API를 잘 다루면 빠르게 많이 만들 수 있고 성장할 수 있다. 느슨한결합의 대표적 예시, 정해진 약속대로 요구해서 정해진 결과를 받을 수 있다. JSON 으로 주고받는 데이터를 어떻게 자바로 요청하고 다루는지 익히자! 모든 코드를 이해하기 보다, 요점을 정확히 파악하고 데이터를 주고받을 수 있게 다시한번 3계층 정리 Controller..
3주차 내용 메모 프로젝트를 만들어 본다. 메시지의 작성 시간을 나타내고, 수정을 가능하게 한다. 1. 서버를 먼저 만든다 > 스프링을 이용해서 CRUD 기능을 가진 Memo API 를 만든다. i. Restcontroller : json 으로 응답하는 자동응답기 ii. Service : 업데이트, iii. Repository : 생성, 삭제, 조회, iv. RequestDto : 변경, 데이터를 들고 다니는 친구, (정보 옮김이) 2. HTML (뼈대), CSS(꾸미기) 3. Javascript : 움직이게 해주는 것, jQuery : 화면을 숨기고 나타내는 방법 4. 클라이언트를 완성하고 서버와 연결하기 >> 완성된 페이지를 로컬에서 확인하기 [ 컨트롤러 : 클라이언트와 붙어서 요청, 응답을 처리함 ..
2주차 내용-3 API : 클라이언트와 서버 간의 약속 REST : 주소에 명사, 요청방식에 동사를 사용함으로써 의도를 명확히 드러냄 Ø 생성 POST / 조회 GET / 수정 PUT / 삭제 DELETE Ø 주소에 들어가는 명사는 복수형을 사용하고, 동사는 사용하지 않는다. Ø GET / courses PUT/ courses /2 와 같은 방식 @RequiredArgsConstructor @RestController public class CourseController { private final CourseRepository courseRepository; @GetMapping("/api/courses") public List getCourses() { return courseRepository.fi..
