Web Programming31 VSCode에서 Spring boot + JPA(mysql) on Windows 10 + Docker 튜토리얼 Spring boot + JPA(mysql) on Windows 10 + Docker 1. 개요 이번 블로그에서는 Spring Boot를 사용하여 간단하게 JPA를 사용해본다. JPA datasource는 Mysql 8.0.26 ( 블로그 작성일 기준 최신 )을 사용하고 에디터는 VSCode를 사용한다. Mysql은 Docker 컨테이너에서 기동한다. Docker 환경을 패스한다면 로컬에 mysql이 설치되어 있거나, Spring-boot-starter-data-jpa의 default DB인 h2 를 사용해도 좋다. 2. 준비 Windows 10 VScode Spring boot extensions Java 11 Mysql 8.0.26 + Mysql Workbench ( Mysql IDE ) Docker.. 2021. 10. 20. JPA(Hibernate) - Table Index 생성 ( Single, Multi, Unique Index ) 예제 Table Index 생성 ( Single, Multi, Unique Index ) 예제 @Index 어노테이션을 사용하여 Index를 생성한다. 해당 어노테이션은 javax.persistence 패키지임을 유의한다. Book.java @Entity @Table(indexes = @Index(columnList = "publishedDateOn")) public class Book { @Id @GeneratedValue(strategy = GenerationType.AUTO) private Long id; private String name; private Date publishedDateOn; } Book entity에 @Index 어노테이션을 사용하여 Index를 생성할 컬럼을 지정한다. 생성결과 다.. 2021. 10. 12. React - propTypes 예제로 이해하기( Custom validator ) PropTypes React는 Component간 Props을 전달할 때 Type을 명시해줄 수 있다. Type을 명시함으로써 Component의 데이터 Type을 유추할 수 있어 소스가 더욱 명료해진다. 오류Type은 콘솔로그를 통해 확인할 수 있다. 연락처를 출력하는 간단한 앱을 만들어보자. 다음처럼 ContactInfo 컴포넌트에 contact 프로퍼티값을 전달한다. 📃App.js import "./App.css"; import ContactInfo from "./components/ContactInfo"; function App() { return ( Hello ); } export default App; 📃ContactInfo.js import PropTypes from "prop-types";.. 2021. 8. 16. eslint 커맨드를 찾지 못하는 경우 ( esline --init 오류 ) npm install -g eslint 위 처럼 eslint를 정상적으로 설치하고 eslint --init 위 코드 실행 시 eslint 커맨드를 찾지 못하여 오류가 발생하는 경우, node_modules가 전역설치 되는 폴더에 환경변수 등록이 안되어 있어 실행이 안될 가능성이 높다. 보통이런 경우는 Windows 사용자명이 띄어쓰기가 있는경우 발생한다. 해결방법 1. npm 모듈이 설치된 위치 (ex: c:\npm )로 이동하여 eslint 실행파일이 정상적으로 위치해있는지 확인 2. 환경변수에 해당 path를 등록 3. 실행 중인 에디터 툴(ex: VSCode)를 재기동 하고 eslint --init 실행. 2021. 8. 14. 이전 1 ··· 4 5 6 7 8 다음