Web(36)
-
[JPA] 영속성 관리
JPA에서 가장 중요한 2가지 객체와 관계형 데이터베이스 매핑하기 영속성 컨텍스트 영속성 컨테스트 JPA를 이해하는데 가장 중요한 용어 "엔티티를 영구 저장하는 환경"이라는 뜻 EntityManager.persist(extity); 엔티티 매니저? 영속성 컨텍스트? 영속성 컨텍스트는 논리적인 개념 눈에 보이지 않는다. 엔티티 매니저를 통해서 영속성 컨텍스트에 접 J2SE 환경 엔티티 매니저와 영속성 컨텍스트가 1:1 대립 Entity -----> PersistenceContext 1:1 J2EE, 스프링 프레임워크 같은 컨테이너 환경 엔티티 매니저와 영속성 컨텍스트가 N:1 EntityManager -----> EntityManager -----> PersistenceContext EntityManage..
2024.01.22 -
[JPA] JPA 프로젝트 생성
H2 데이터 베이스 설치 http://www.h2database.com/ JPA를 사용하려면 DB가 있어야하기 때문에 간단하게 실습용 DB사용 OS 는 windows 사용 IDEA intellij 사용 File -> New -> Project 생성 Name : ex1-hello-jpa Language : java JDK : 11 Groupid : jpa-basic artifactid : ex1-hello-jpa 설정후 프로젝트 생성 해주시면됩니다. org.hibernate hibernate-core 5.3.10.Final com.h2database h2 1.4.200 maven dependency 설정 JPA 설정 하기 persistence.xlm 파일 만들기 /META-INF/persistence .x..
2024.01.17 -
[JPA] JPA 소개
Java Persistence API 자바 진영의 ORM 기술 표준 이다. ORM 이란 - Object-relational mapping(객체 관계 매핑) - 객체는 객체대로 설계 - 관게형 데이터베이스는 관계형 데이터베이스대로 설계 - ORM 프레임워크가 중간에서 매핑 - 대중적인 언어에는 대부분 ORM 기술이 존재 JPA는 애플리케이션과 JDBC 사이에서 동작 예를들어 member 객체를 저장해줘 라고 JPA에 던지게 되면 JPA는 객체를 분석하게된다 INSERT SQL을 알아서 만들어 쿼리까지 DB로 날려주게된다. 패러다임 불일치 해결 할 수 있다. 엔티티 오브젝트를 다 만들어서 던져주게 된다. 생산성 - JPA와 CRUD 저장 : jpa.persist(member) 조회 : Member membe..
2024.01.02 -
[Vue.js] vue3에서 quill editor 사용방법
npm i vue3-quill 터미널에서 install 해준다 import { quillEditor } from 'vue3-quill' app.use(quillEditor) main.js 에 vue3-quill 임포트 해주고 app에 넣어준다 components 폴더에 Editor.vue 파일을 생성 해죽고 올리기 import { reactive } from 'vue' export default { name: 'App', setup() { const state = reactive({ content: '', _content: '', editorOption: { placeholder: '내용을 입력해주세요...', // placeholder 설정 modules: { toolbar: [ ['bold', 'it..
2022.12.01 -
[Vue.js] Vue 프로젝트 설정
router -> index.js에 component inport /* webpackChunkName: "about", webpackPrefetch:true */ 캐쉬에 저장되었다가 about 클릭 시 캐쉬에서 about.js 내려받음 webpackPrefetch:true 가 없으면 about 클릭 시 서버에서 about.js 내려받음 사용자가 해당 메뉴를 많이 쓴다면 있으면 좋음 .prettierrc
2022.11.28 -
[Vue.js] Vue 프로젝트 생성 방법
vue 프로젝트 생성 방법 - vue create 프로젝트 이름 - Manually select features 선택 - 프로젝트를 어떻게 구성 할 것인지 선택 ㄴ Babel -> es6문법을 구 브라우저에서도 동작 가능하게 es5로 바꿔줌 ㄴ TypeScript -> JavaScript를 엄격한 문법으로 교정한 정적타입 언어 ㄴ Progressive Web App (PWA) Support -> 모바일 처럼 웹을 구현 할 수 있게 만들어줌 ㄴ Router -> 메뉴 화면을 구성 했을때 화면이동 하게끔 만들어주는 모듈 ㄴ Vuex -> vue의 상태를 관리하는 모듈 ㄴ CSS Pre-processors -> CSS 전처리기 CSS 문서 작성에 도움을 주는 도구 ㄴ Linter / Formatter -> 코..
2022.11.28