'프로그램/Vue.js'에 해당되는 글 30건
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
vue + jpa project (7) - 게시판 테이블 생성 및 백엔드 구성
이제 Vue 게시판 목록을 실제 DB와 연동하여 조회를 하기위한 작업을 진행한다.우선 게시판의 테이블 정보를 아래와 같이 구성하려고 한다. 일반적인 구성이다. 1. 게시판 Entity 실제 패키지 명은 업무단위로 분리해서 생성하는게 좋으나 일단 여기서는 같이 사용하겠다. 패키지는 entity를 추가로 붙혀서 생성한다. @Data@AllArgsConstructor@NoArgsConstructor@Builder@Table(name="board")@Entitypublic class BoardEntity { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long boardNo; @Column(name..
프로그램/Vue.js | 2023. 10. 25. 12:02
RECENT COMMENT