'Vue'에 해당되는 글 29건
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
vue + jpa project (6) - Vue 게시판 목록화면 생성
이제 Vue 게시판 목록 화면을 생성한다. 화면을 좀 꾸미는 게 좋을 것 같아서 스타일을 적용하고 게시판 목록 화면을 진행하겠다. 1. 스타일 적용 w3.css는 를 최상단 public/index.html 파일의 안에 아래 줄을 타이틀 위에 추가한다. // 추가된 소스 2. 게시판 목록화면 을 생성한다. 이때, 별도의 폴더를 구성하여 생성하도록 한다. /views/board/BoardList.vue 일단 데이터 연동이 안되니 임시 데이터를 넣어서 하겠다. 신규등록 No 제목 작성자 등록일시 수정일시 등록된 게시물이 없습니다. {{ row.board_no }} {{ row.title }} {{ row.writer }} {{ row.reg_date }} {{ row.upd_date }} << < {{ n }..
프로그램/Vue.js | 2023. 10. 24. 16:38
RECENT COMMENT