이번 포스트에서는 SPA와 SFC 그리고 이를 구현하기 위한 Vite에 대해서 살펴보자.  SPA vs MPA 정의SPA(Single Page Application)과 MPA(Multi Page Application)이라는 용어에 대해서 살펴보자. 말 그대로 애플리케이션을 만들 때 하나의 페이지로만 만들것인가? 아니면 여러개의 페이지로 만들것인가의 차이다.(당연히 이렇게 길~~~~다란 index.html을 만드는건 아니다. component의 개념이 필요하다!) 동작의 차이SPA와 MPA의 구성에 따른 동작의 가장 큰 차이는 서버와 데이터를 주고 받을 때 을 통한 submit을 이용하느냐 아니면 ajax를 이용하느냐로 나눠볼 수 있다. 두 방식의 장/단점 비교SPA는 angular.js나 react, ..

이번 시간에는 관계를 나타내는 애너테이선들이 공통적으로 가지는 fetch 속성을 살펴보자. 관계에 따른 로딩 시점 결정 관계 설정과 fetch 속성fetch는 DB에서 연관관계 엔티티를 실제로 조회해서 가져오는 것 즉 select 시점을 결정하는 속성으로 FetchType이라는 enum 타입으로 선언되어있다.fetch 속성내용기본 적용FetchType.EAGER(열렬한)즉시 로딩 - 엔티티 조회 시 join을 이용해 연관 관계 엔티티까지 한번에 조회, 영속화 - 연관된 엔티티가 하나인 경우(가져올게 적다) - @ManyToOne, @OneToOneFetchType.LAZY(게으른)지연 로딩 - 엔티티 조회 시 대상 엔티티만 조회,  연관 관계 엔티티는 조회하지 않음 - 연관 관계 엔티티는 필요한(사용하는..