'분류 전체보기'에 해당되는 글 85건
vue + jpa project (27) - 공통코드 연관(join)조회 프론트 재수정
이번 장에서는 Join 공통코드 리스트에 대한 프론트를 좀 더 개선시켜보겠다. 지금 화면을 조회를 하다보면 버그가 있는데 상단의 상세기준리스트와 그룹기준리스트 버튼을 클릭하다 보면 이전의 페이지를 조회하는 버그가 있다. 이 부분과 검색 조건을 넣어서 개선 시키도록 하겠다. 1. 프론트 버그 수정 버그를 해결하기 위하여 버튼에서 호출하는 메소드와 실제 백엔드를 수행하는 메소드를 분리하겠다. ... 중략 // 버튼의 메소드명 변경 상세기준리스트 그룹기준리스트 ... 중략 // mounted에 호출되는 함수도 같이 수정 mounted() { this.fnClickDetailJoin() }, // 버튼에서 호출이 되면 초기화 하고 백엔드 메소드를 다시 호출함 methods: { fnClickDetailJoin(..
프로그램/Vue.js | 2023. 12. 5. 11:33
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
vue + jpa project (25) - 공통코드 연관(join)조회 백엔드(1)
이번 장부터는 알아야할 게 좀 많아서 나 자신도 프로그램을 구현하면서 많이 헤깔리고 어려운 부분이었다. 그래서 이론적인 부분도 잠깐 드려다 보면서 하나씩 진행을 하도록 하겠다. 우선 지난번에 두개 테이블의 관계가 그려진 이미지를 다시 한번 살펴 보겠다. 그룹코드가 부모이고 코드 상세가 그 자식이 된다. 그래서 JPA에서 말하는 연관관계가 있는데 그 연관관계의 종류를 살펴본다면 일대다 단/양방향, 다대일 단/양방향, 일대일 단/양방향, 다대다 단/양방향 같은 것이 존재한다. 여기서 다대다는 실무에서는 거의 사용하고 있지 않는 것으로 알고 있다. 이번 장에서 JPA의 연관관계를 모두 알아보려면 몇일이 걸릴지도 모르기 때문에 일단 이번 장에서는 위의 이미지에 대한 연관관계만 알아보도록 한다. 우선 이미지에서도..
프로그램/Vue.js | 2023. 12. 1. 16:29
vue + jpa project (24) - 공통코드 연관(join)조회 프론트
공통코드 관련 지난번 장까지는 전혀 연관이 없는 각각의 테이블에 대해서 조회를 했었지만 이번 장부터는 서로 연관 관계를 가지는 테이블이라는 점을 가지고 접근을 하려고 한다. 이번장에서는 테스트를 위해서 백엔드 보다 프론트엔드를 먼저 시작하겠다. 백엔드가 상황에 따라서 소스가 계속 수정이 되어야 해서 테스트가 가능하도록 프론트를 먼저 개발하겠다. 1. 코드 리스트 페이지 생성 코드 쪽이어서 /views/code/CodeJoinList.vue 로 생성하겠다. 100% 완벽하지 않겠지만 일단 이것으로도 테스트를 하기엔 충분할 것이다. (검색/버그 등 추후 수정) 상세기준리스트 그룹기준리스트 No 그룹코드 그룹코드명 상세코드값 상세코드명 순번 사용여부 그룹등록일시 그룹수정일시 상세등록일시 상세수정일시 등록된 게..
프로그램/Vue.js | 2023. 12. 1. 15:25
RECENT COMMENT