찔끔찔끔씩😎

[웹개발의 봄, Spring] 4주차 (1) - 네이버 쇼핑 API 이용하기 [웹개발의 봄, Spring] 4주차 (2) - 서버 클라이언트 🔎 상품 검색기능 execSearch, addHTML 함수 만들기 : 검색어를 검색한 뒤(execSearch) 관련 정보들을 화면에 띄워주기(addHTML) 구현 순서 1. 검색창 입력값 받아오기 (입력값 없을 경우 alert, focus) 2. GET /api/search?query=%=${query} 요청 3. for문으로 itemDto들 꺼내서 HTML 만들어 띄워주기 4. addHTML 완성하기 execSearch() function execSearch() { /** * 검색어 input id: query * 검색결과 목록: #search-result-box..

[웹개발의 봄, Spring] 4주차 (1) - 네이버 쇼핑 API 이용하기 프로젝트 만들기 🔎 프로젝트 시작시 확인할 점 1. Auto Import Inser imports on paste: Always' 2. Annotation Processing Compiler-Annotation Processors 🔎 API 키워드로 상품 검색하고 그 결과를 목록으로 보여주기 GET /api/search?query=검색어 List 관심 상품 등록하기 POST /api/products Product 관심 상품 조회하기 GET /api/products List 관심 상품에 관심 가격 등록하고, 그 가격보다 낮은 경우 표시하기 PUT /api/products/{id} id 🔎 3계층 Controller ProductR..

기본기의 중요성 개발의 핵심으로는 분업과 느슨한 결합이 있다. 분업하여 각자가 맡은 바에 책임을 다하면 기능은 온전히 작동외며, 느슨한 결합으로 유연성과 확장성을 가질 수 있다. 1. 3계층 숙달 (Controller, Service, Repository) 3계층은 이를 대표하는 예시로 스프링이 잘 돌아가게 해주는 척추라고 할 수 있다. 2. API handling 또 다른 예로 API가 있다. 세상에 이미 많이 존재하는 API들을 잘 다루면 서비스를 더 많이, 더 빠르게 만들 수 있다. 내가 API의 내부 로직이 어떻게 짜여졌는지 모르는 상황에서도, 공식 문서에 나온 정해진 약속대로 요구를 하면 정해진 결과를 받을 수 있다. 따라서 API의 내부 로직이 아닌, 사용할 줄 아는 것이 중요하다. 위 두가지..

타임라인 서비스가 불러오는 메모 목록의 시간을, 조회 시간으로부터 24시간 이내로 바꿔보세요. 🔎MemoRepository 이전) 생성시간 최신순 정렬 findAllByOrderByModifiedAtDesc public interface MemoRepository extends JpaRepository { //JpaRepository 상속, Memo라는 녀석의 id가 Long인 녀석 List findAllByOrderByModifiedAtDesc(); // 생성시간 최신순을 정렬해주셈 } 이후) findAllByModifiedAtBetweenOrderByModifiedAtDesc(startDatetime, endDatetime) findAll: 모두 찾아라 ByModifiedAtBetween: 수정된 시..

[웹개발의 봄, Spring] 3주차 (1) - 타임라인 서비스 서버 완성하기 [웹개발의 봄, Spring] 3주차 (2) - javascript, jQuery 기초 클라이언트 설계 및 구현 🔎 클라이언트 설계 Timeline Service에 필요한 기능은 다음과 같다. 메모 조회하기 1) GET API 사용해서 메모 목록 불러오기 2) 메모마다 HTML 만들고 붙이기 메모 생성하기 1) 사용자가 입력한 메모 내용 확인하기 2) POST API 사용해서 메모 신규 생성하기 3) 화면 새로고침하여 업데이트된 메모 목록 확인하기 메모 변경하기 1) 사용자가 클릭한 메모가 어떤 것인지 확인하기 2) 변경한 메모 내용 확인하기 3) PUT API 사용해서 메모 내용 변경하기 4) 화면 새로고침하여 업데이트된 메..

[웹개발의 봄, Spring] 3주차 (1) - 타임라인 서비스 서버 완성하기 ​Javascript 기초 🔎 Javascript란? 브라우저를 살아 숨쉬게 만드는 친구입니다. 클릭, 마우스 오버 시 색 변화, 숨기기, 나타내기, 등등 수많은 일을 할 수 있다😎 🔎 Javascript 변수, 자료형 /*변수*/ let a = 3; // 변수를 처음 선언할 때 let을 써줍니다. 자료형은 써주지 않아도 되어요. let b = 2; console.log(a + b); // System.out.println()과 같은 녀석입니다. /*문자, 숫자*/ let name = 'bknam'; let course = "웹개발의 봄 Spring" // 자바와 다르게 홑/쌍따옴표 상관없습니다. let num = 10; co..

API 설계하기 🔎 API 설계 기능 Method URL Return 메모 생성하기 POST /api/memos Memo 메모 조회하기 GET /api/memos List 메모 변경하기 PUT /api/memos/{id} Long 메모 삭제하기 DELETE /api/memos/{id} Long 🔎 Repository 만들기 1. 프로젝트에 domain 패키지 만들기 2. Memo 클래스 만들기 - 메모는 1) username, 2) contents로 이루어짐 @NoArgsConstructor // 기본생성자를 만듭니다. @Getter @Entity // 테이블과 연계됨을 스프링에게 알려줍니다. public class Memo extends Timestamped { // 생성,수정 시간을 자동으로 만들어줍..

[웹개발의 봄, Spring] 2주차 (1) - RDBMS, H2, SQL [웹개발의 봄, Spring] 2주차 (2) - JPA, Repository Lombok 🔎 Lombok 이란? Lombok(롬복)은, 자바 프로젝트를 진행하는데 거의 필수적으로 필요한 메소드/생성자 등을 자동생성해줌으로써 코드를 절약할 수 있도록 도와주는 라이브러리이다. - Course.java @Getter: Getter를 각각 따로 만들어 주지 않아도 가능해졌다. @NoArgsConstructor: 기본 생성자를 따로 만들어 주지 않아도 가능해졌다. - CourseService.java @RequiredArgsConstructor: CourseRepository를 따로 받아오지 않아도 final 선언만 하여도 사용 가능해졌다..

[웹개발의 봄, Spring] 2주차 (1) - RDBMS, H2, SQL JPA 시작하기 🔎 JPA JPA(Java Persistence API) 는 SQL을 쓰지 않고 데이터를 생성, 조회, 수정, 삭제할 수 있도록 해주는 번역기이다. 갑자기 자바 짜다가 갑자기 SQL짜고 왔다 갔다 안해도 되게 해준다! 테이블은 Domain, SQL은 Repository 일대일 대응으로 생각하면 된다. Repository 가 SQL 쿼리를 날려준다. 🔎 JPA 시작하기 앞서, courses라는 테이블에 title, tutor라는 컬럼을 만들었던 것을 자바로 표현하면 다음과 같다. 1. src > main > java > com.sparta.week02에 domain 이라는 패키지를 만든다. 2. Course.java..

2주차 순서 🔎 (1)RDBMS, H2, SQL : 데이터를 다루는 기초 RDBMS: 관계형 데이터 베이스, 정보 저장소 H2: RDBMS의 한 종류, 서버가 켜져있는 동안만 작동하는 RDB SQL: 데이터를 읽고, 저장, 변경, 삭제하는 문법 🔎 (2)JPA, Repository JPA(Spring Data JPA): Java를 위한 번역기, Java로 코드를 작성하면 SQL로 번역해 준다. Repository: JPA를 작동시키는 매개체 🔎 (3)API, Lombok, DTO API: 서버와 클라이언트 간의 약속 DTO: 현업에서 데이터를 주고 받을 때 반드시 이요한다. Lombok: 코드를 절약할 수 있는 Lombok RDBMS 🔎 RDBMS : Relational DataBase Managemen..