'게시판목록'에 해당되는 글 6건
vue + jpa project (11) - 게시판 검색조건 프론트 처리
게시판 프론트 Vue 부분은 백엔드 보다는 덜? 어렵다. 백엔드에서 거의다 처리를 해서 사실 프론트는 검색 조건 화면과 검색 파라미터만 잘 처리하면 그만이다. 1. 우선 프론트의 검색조건을 아래와 같이 추가한다. ... 생략 > >> - 선택 - 작성자 제목 내용 검색 2. 위의 검색 조건에 대한 데이터 바인딩에 대한 변수를 추가한다. 이를 통해서 화면이 이동할 때 마다 해당 파라미터를 계속 저장하여 가지고 다닌다. (page, size 변수와 마찬가지) .. 생략 page: this.$route.query.page ? this.$route.query.page : 1, // 기본페이지는 1페이지 size: this.$route.query.size ? this.$route.query.size : 10, /..
프로그램/Vue.js | 2023. 10. 27. 16:47
vue + jpa project (10) - 게시판 검색조건 백엔드 처리
앞서 보다 효율적인 조건처리 방식에 대해서 Query DSL을 이용하기로 하였다. Query DSL을 이용하기 위하여 별도의 Repository를 구성하고 조회조건을 받아들이기 위해서 기존의 Dto에 필드를 추가하고 비교 조건을 구현한다. 그리고 서비스 단과 컨트롤 단에 메소드를 각각 추가하여 연동하도록 한다. 1. BoardDto 수정 BoardDto를 이용하여 검색조건으로도 사용하기 위함이다. 이렇게 하는 이유는 해당 Dto에 조회를 하는 항목이 이미 들어있기 때문에 추가 조회조건이 생겼을 때 유연하게 대처하기 위함이다. 우선, 기존 사용했던 항목은 boardNo 부터 updDate 까지이고, 여기에서 추가적으로 3개 항목을 더 추가했다. @Data @AllArgsConstructor @NoArgsC..
프로그램/Vue.js | 2023. 10. 27. 16:07
vue + jpa project (9) - JPQL과 Query DSL의 비교
우선 개발을 시작하기 전에 JPQL과 Query DSL의 차이점을 알아보고 넘어가자.나 자신도 처음에는 JPQL과 Query DSL 둘 중에 어떤 것으로 진행 해야할지를 판단이 안섰다. 그래서 JPQL 과 Query DSL 각각이 무엇이고 장단점이 뭔지를 우선 알아보도록 한다. 1. JPQL JPQL은 JPA의 일부로 Query를 Table이 아닌 엔티티 기준으로 작성하는 객체지향 쿼리 언어이다.JPQL은 객체를 기준으로 모든 것이 움직이기 때문에 개발할 때, Table에 매핑되는 객체가 반드시 존재해야 하며검색할 때도 Table이 아닌 엔티티를 대상으로 검색해야 한다. JPQL 특징 1. SQL을 추상화한 JPA의 객체지향 쿼리 2. Table이 아닌 Entity 객체를 대상으로 개발 3. Enti..
프로그램/Vue.js | 2023. 10. 26. 12:13
vue + jpa project (8) - 게시판 Paging 처리
일단 BoardList.vue 파일에는 Paging 처리가 이미 되어 있고, 호출하는 부분만 약간 수정하면 된다. 일단 벡엔드 부분을 아래와 같이 추가하거나 수정하고, 이후에 vue 파일을 수정해보겠다. 1. 리턴 헤더 클래스 생성 model이라는 패키지를 추가하여 Header.java 파일을 아래와 같이 생성한다. @Data @AllArgsConstructor @NoArgsConstructor @Builder @SuppressWarnings("unchecked") public class Header { private LocalDateTime transactionTime; private String resultCode; private String description; private T data; pri..
프로그램/Vue.js | 2023. 10. 25. 15:36
RECENT COMMENT