'Vue'에 해당되는 글 29건
![](https://blog.kakaocdn.net/dn/VlIan/btsBCXZ48Gz/ofO3KzZYTLak2BJV9AXPj0/img.png)
vue + jpa project (29) - 공통코드 join & fetch 심화적용
이번 장에서는 그룹코드 기준으로 Join 공통코드 리스트에 대한 백엔드를 좀 더 개선시켜보겠다. select 절이라던지 where 조건에 실제 사용가능 할 만한 것들을 한가지씩 해보겠다. 첫번째 패턴인 상세코드를 기준으로 한 연관관계 조회는 사용할 수 없어 두번째 패턴으로 진행한다. A. select 절에 subquery 적용 1. 공통코드 레파지토리 수정 select 절과 Dto의 순서를 위해서 필드 조정과 subquery 절을 아래와 같이 추가한다. ... 중략 JPAQuery query = queryFactory.selectFrom(a) .leftJoin(a.codeDetailEntity, b) .on(codeDetailDto.makeSearchCondition(a, "use_yn")) .where..
프로그램/Vue.js | 2023. 12. 8. 10:59
![](https://blog.kakaocdn.net/dn/oEWOD/btsBogfYC4s/Uy4jG77kjZObH6HxhW2lPK/img.png)
vue + jpa project (28) - 공통코드 연관(join)조회 백엔드 재수정
이번 장에서는 Join 공통코드 리스트에 대한 백엔드를 좀 더 개선시켜보겠다. 백엔드는 알고 있겠지만 패턴이 두가지여서 두가지에 대한 부분을 각각 개선시켜보겠다. 그리고 패턴에 대한 각각의 장점 또는 단점도 확인을 해보겠다. 우선 첫번째 패턴인 상세코드를 기준으로 한 연관관계 조회 처리 부분이다. 2. 상세코드 Dto 수정 검색조건을 처리하기 위하여 게시판의 Dto 처럼 아래와 같이 수정한다. ... 중략 private String searchKey; // 추가된 항목 private String searchValue; // 추가된 항목 // where 절 처리 메소드 public BooleanExpression makeSearchCondition(Object qEntity, String gubun) { ..
프로그램/Vue.js | 2023. 12. 5. 16:59
![](https://blog.kakaocdn.net/dn/bJ5vsV/btsBq0vYrlf/dtDYnPLwKfMVXCuK8TFqi0/img.png)
vue + jpa project (27) - 공통코드 연관(join)조회 프론트 재수정
이번 장에서는 Join 공통코드 리스트에 대한 프론트를 좀 더 개선시켜보겠다. 지금 화면을 조회를 하다보면 버그가 있는데 상단의 상세기준리스트와 그룹기준리스트 버튼을 클릭하다 보면 이전의 페이지를 조회하는 버그가 있다. 이 부분과 검색 조건을 넣어서 개선 시키도록 하겠다. 1. 프론트 버그 수정 버그를 해결하기 위하여 버튼에서 호출하는 메소드와 실제 백엔드를 수행하는 메소드를 분리하겠다. ... 중략 // 버튼의 메소드명 변경 상세기준리스트 그룹기준리스트 ... 중략 // mounted에 호출되는 함수도 같이 수정 mounted() { this.fnClickDetailJoin() }, // 버튼에서 호출이 되면 초기화 하고 백엔드 메소드를 다시 호출함 methods: { fnClickDetailJoin(..
프로그램/Vue.js | 2023. 12. 5. 11:33
![](https://blog.kakaocdn.net/dn/wVD9a/btsBo7Ik3TT/Psx0L9aAlkKouJec8dCHL0/img.png)
vue + jpa project (26) - 공통코드 연관(join)조회 백엔드(2)
이번 장에서는 Querydsl 의 두번째 방식인 그룹코드를 기반으로 한 조회를 진행해보도록 하겠다. Querydsl 사용 패턴 중 두번째로 그룹코드를 기준으로 연관관계인 그룹코드를 left/right outer join을 이용하여 조회하는 것이다. 1. 그룹코드 엔티티 수정 그룹코드에서 상세코드 쪽으로 연관관계를 맺는다. 아래를 추가하면서 양방향이 된다. CodeGroupEntity.java ... 중략 @JsonIgnore @OneToMany @JoinColumn(name="groupCode") private List codeDetailEntity; ... 중략 @OneToMany 의 FetchType은 기본적으로 LAZY이기 때문에 생략했다. 엔티티가 완료되었다면 gradle build를 통해서 QC..
프로그램/Vue.js | 2023. 12. 4. 11:28
RECENT COMMENT