본문 바로가기

분류 전체보기474

연관 관계 설정 -1 ERD 확인 Book 클래스 수정 package com.example.bookmanager.domain; import com.example.bookmanager.domain.listener.Auditable; import com.example.bookmanager.domain.listener.MyEntityListener; import lombok.Data; import lombok.EqualsAndHashCode; import lombok.NoArgsConstructor; import lombok.ToString; import javax.persistence.*; import java.time.LocalDateTime; @Entity @NoArgsConstructor @Data // 상속받은 BaseE.. 2021. 7. 24.
연관관계, ERD 연관관계(R_DB) 예를 들어 기존 user 테이블에 저장된 데이터 중 이름이 변경되어 있다고 한다면 다른 테이블에서 user 테이블에 이름을 조회 한다고 한다면 이름을 직접적으로 조회하지 않고 user 테이블에 pk인 id를 조회함으로써 이름이 변경되었다고 하더라도 변경된 값을 이상없이 가져올 수 있다. ERD [DB] ERD(Entity-Relationship Diagram) : 네이버 블로그 (naver.com) [DB] ERD(Entity-Relationship Diagram) ERD(Entity Relationship Diagram)란? ERD는 말로서 되어있는 요구분석사항을 그림으로 그려내어 ... blog.naver.com 툴: drow.io 배워봅시다 Draw.io (tistory.com).. 2021. 7. 24.
computed computed: 선언한 데이터를 가공, 계산하여 다시 반환해주는 옵션 테스트 코드 componet 생성 Fruits {{ fruit }} Reverse Fruits {{ fruit }} 브라우저에 출력해줄 vue 파일 생성 확인 2021. 7. 21.
템플릿 문법 공식 사이트 https://v3.vuejs.org/guide/template-syntax.html#interpolations Template Syntax | Vue.js Template Syntax Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying component instance's data. All Vue.js templates are valid HTML that can be parsed by spec-compliant browsers and HTML parsers v3.vuejs.org 클릭 이벤트를 보간법을 이용하여 클릭할 때마다 !표가 늘어나.. 2021. 7. 20.
인스턴스와 라이플사이클 예제 참고 문서 https://v3.vuejs.org/guide/instance.html#lifecycle-hooks Application & Component Instances | Vue.js Application & Component Instances Creating an Application Instance Every Vue application starts by creating a new application instance with the createApp function: const app = Vue.createApp({ }) 1 2 3 The application instance is used to register 'globals' v3.vuejs.org 실습 진행을 위해 기존에 작성한 vue3 .. 2021. 7. 19.
Entity Listener 사용 예제 2 history 기능을 사용할 때 유용하다 history를 담을 객체를 새로 생성 (원본과 동일하게 선언) package com.example.bookmanager.domain; import com.example.bookmanager.domain.listener.Auditable; import lombok.*; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import javax.persistence.*; impo.. 2021. 7. 18.