본문 바로가기

Boot

Angular> 검색 기능 2022. 1. 31. 개발 순서 1. Spring boot에서 검색 메소드 생성 2. 검색을 위한 컴포넌트 생성 3. 검색을 위한 Angular route 생성 4. route에 데이터를 보내기 위한 검색 컴포넌트 수정 5. Product service를 통해 product를 검색하는 ProductListComponent 수정 6. Spring Boot에 URL을 요청하는 Product service 수정 Angular에서는 Event를 Event binding으로 감지한다. 다른 프레임워크에서는 Event handling이라고 한다. Event 종류는 focus - 구성요소가 집중되었을 때 blur - 구성요소가 집중을 잃었을 때 keyup - 누른 키를 땔 때. keyup.enter keydown - 버튼을 눌렀을 때 d..
Angular> 카테고리로 상품 출력 2022. 1. 30. 순서 1. Spring boot 수정 - entity id 설정 2. Angular에서 Product Category class 생성 3. menu component 생성 4. prduct service로부터 데이터를 읽기 위해 menu component 수정 5. Spring boot 에 url 요청하기 위해 product service 업데이트 6. HTML에서 menu component 링크 수정 1. Spring boot 수정 - entity id 설정 Rest api에서 entity의 id가 보여지도록 설정하는 방법 MyDataRestConfig.java 2. ProductCategory 클래스 생성 3. 컴포넌트 생성 4. 컴포넌트는 서비스에서 ProductCategory 클래스 객체를 가져와..
Angular> 카테고리로 제품 검색 예시 2022. 1. 28. 간단개념 Router - 메인 라우팅 서비스. 유저 선택에 따라 적절한 route를 보여준다. Route - 컴포넌트와 URL 경로를 일치시킨다. RouterOutlet - placeholder 역할을 한다. route에 맞는 컴포넌트를 보여준다. RouterLink - 어플리케이션에서 url으로 routes를 연결시킨다. ActivatedRoute - 현재 컴포넌트를 열고 있는 route. route parameter에 접근하기에 유용하다. 더 자세한 건 홈페이지에서.. Angular - Common Routing Tasks Angular angular.io 순서 1. Routes 정의 2. Routes에 기반하여 Router 구성 3. Router outlet 정의 4. 카테고리 id param가 지..
Spring> Spring Boot> Thymeleaf Crud 2021. 11. 12. 대충 이런 구조 jpa와 mysql connector 추가 application.properties에 세션 사용자 로그인 비밀번호 입력 entity 클래스 파일. 사실 이전 코드 복붙함 dao 역할을 해 줄 repository 인터페이스 딱히 구현 메서드는 작성하지 않는다. dao를 시키는 service 인터페이스 이전 코드 복붙함 package com.Seol.springboot.thymeleafdemo.service; import java.util.List; import java.util.Optional; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; ..
Spring> Spring Boot> Thymeleaf warm up 2021. 11. 7. 프로젝트 성격에 따라서 선택한다. 웹뷰만 필요하면 JSP나 Thymeleaf 아무거나 해도 된다. 근데 웹 말고 다른 것도 고려하면 Thymeleaf를 쓰는 것이 좋다. 순서 1. Pom file에 등록 2. MVC Controller 제작 3. Thymeleaf template 생성 준비 Spring Initializr 여기서 스프링부트 프로젝트를 생성하자. 생성해서 압축풀고 Existing maven project를 선택해서 import 컨트롤러 패키지 생성 컨트롤러 작성 thymeleaf 생성 경로 css 입히기 1. css 파일 만들기 2. Thymeleaf template에서 참조 3. css 적용 css 파일 경로는 src/main/resources/static head에다가 침조를 하고 적용..
Spring> Spring Boot> Spring Data REST 2021. 10. 31. Spring data jpa 처럼 Spring data rest 에 적용한다. 우리가 해야할 건 Spring data rest 를 pom 파일에다가 넣는 것이다. 그거 말고 할 것은 없다. 필요한 것은 1. Entity 만들기 2. JpaRepository 상속하기 3. spring-boot-starter-data-rest를 pom에 등록하기 위는 spring data jpa 구조 아래는 spring data rest 구조 컨트롤러와 서비스가 없다. 아래에 메타데이터가 나오는데 이걸 HATEOAS라고 한다. Hypermedia as the Engine of Application State Rest 인터페이스에 접근할 수 있는 정보를 제공한다. Spring data rest는 HATEOAS를 이용하여 반응..
Spring> Spring Boot> Spring Data JPA 2021. 10. 30. 지금까지 Entity가 Employee일 때 Dao를 만들었다. 그런데 다양한 Entity가 생긴다면 어떨까? 생긴만큼 일일히 다 DAO를 만들어줘야 하나? 그렇다면 비효율적이고 낭비이다. Entity 종류가 많아도 어차피 다 비슷한 패턴인데 효율적으로 해결할 순 없을까? 그래서 Spring Data Jpa를 사용한다. Spring Data Jpa는 entity 타입과 primary key를 입력하면 거기에 맞는 메서드를 받는 방식이다. Dao를 추상화하여 다형성을 갖게 하는 것이다.. 즉, Dao를 만들고 entity type과 primary key를 입력한다. spring은 CRUD를 구현하여 제공한다. Spring Data JPA는 JpaRepository 인터페이스를 제공한다.. 지금까지는 Ser..
Spring> Spring Boot> REST CRUD API (Standard JPA) 2021. 10. 24. 지금까진 Native Hibernate API를 사용했다. 이제는 Standard JPA API이다. JPA API는 vendor에 구속되어있지 않아서 쉽게 변경할 수 있다. Himbernate API와 비교하면 Action Native Hibernate method JPA method Create/save new entity session.save(...) entityManager.persist(...) Retrieve entity by id session.get(...) / load(...) entityManager.find(...) Retrieve list of entities session.createQuery(...) entityManager.createQuery(...) Save or upad..

티스토리툴바