전체 글474 N대N 연관관계 설정 2 (중간테이블을 만들어서 사용하는 방법) 이전에 작성한 내용을 중간테이블을 만들어서 사용하는 방법 N대1로 변경하여 작성하였다. BookAndAuthor 클래스 작성 package com.example.bookmanager.domain; import lombok.Data; import lombok.EqualsAndHashCode; import lombok.NoArgsConstructor; import lombok.ToString; import javax.persistence.*; @Entity @NoArgsConstructor @Data @ToString(callSuper = true) @EqualsAndHashCode(callSuper = true) public class BookAndAuthor extends BaseEntity{ @Id @.. 2021. 8. 29. N 대 N 연관관계 설정 현업에서는 거의 사용되지 않는다. 예제 Author 클래스 생성 package com.example.bookmanager.domain; import lombok.Data; import lombok.EqualsAndHashCode; import lombok.NoArgsConstructor; import lombok.ToString; import javax.persistence.*; import java.util.ArrayList; import java.util.Collections; import java.util.List; @Entity @NoArgsConstructor @Data @ToString(callSuper = true) @EqualsAndHashCode(callSuper = true) publi.. 2021. 8. 29. 헤드라인 만들기 헤드라인을 표시할 컴포넌트 만들기 OMDb API THE OPEN MOVIE DATABASE The OMDb API is a RESTful web service to obtain movie information, all content and images on the site are contributed and maintained by our users. If you find this service useful, please consider making a one-time donation or become a patron. bootstrap의 container를 이용하여 가운데로 내용을 모아주는 방법 https://getbootstrap.com/docs/5.1/layout/containers/ Contai.. 2021. 8. 17. logo 만들기, google fonts 사용 구글 폰트 검색 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 아래와 같은 방법으로 원하는 폰트를 선택한다. 선택을 완료한 후 아래 화면처럼 link 태그를 복사하여 붙여넣는 방법으로 사용한다. index.html에 스타일 적용 Logo.vue 생성 OMDbAPI.COM Logo를 보여줄 Header.vue 파일 수정 {{ nav.name }} 브라우저 확인 2021. 8. 16. vue.js 네비게이션 만들기 부트스트랩이용 공식 문서 https://getbootstrap.com/docs/5.1/components/navs-tabs/ Navs and tabs Documentation and examples for how to use Bootstrap’s included navigation components. getbootstrap.com Router 공식 문서 https://next.router.vuejs.org/api/#to API Reference | Vue Router API Reference Props to Type: RouteLocationRawDetails:Denotes the target route of the link. When clicked, the value of the to prop wil.. 2021. 8. 10. vue.js 부트스트랩 적용 공식 사이트: https://getbootstrap.com/docs/5.1/customize/sass/ Sass Utilize our source Sass files to take advantage of variables, maps, mixins, and functions to help you build faster and customize your project. getbootstrap.com 명령어: npm i bootstrap@next 일반의존성으로 설치를 진행 main.scss 코드 수정 (부트스트랩 스타일 가져오기) // 사용자 지정 색(재정의) // 상단에 정의해야 기본적으로 색상이 정의되어있는 bootstrap/scss/variables 파일에 적용된다. $primary: #FDC000; /.. 2021. 8. 9. 이전 1 ··· 16 17 18 19 20 21 22 ··· 79 다음
