Lombok 라이브러리 설치
Lombok 라이브러리 1. Lombok 라이브러리는 자바에서 @Getter, @Setter 와 같은 annotation기반으로 기존 DTO, VO, Domain Class 작성할 때 멤버변수에 대한 Getter/Setter Method, Equal(), hashCode(), ToString()과 , 멤버변수에 값을 설정하는 생성자 등을 자동으로 생성해 주는 라이브러리이다. Lombok 라이브러리를 쓰면 DTO를 보다 더 명시적으로 볼 수 있고, 코드 수정이 편하기 때문에 사용. 2. Lombok 라이브러리 설치 Lombok 은 다른 jar파일들과 달리, 프로젝트의 코드에서만 사용되는 것이 아니라 Eclipse 내에서도 사용되야 하기 때문에 별도로 설치한다. Lombok 다운로드 (https://proj..
Tomcat을 이용해 프로젝트 실행
Tomcat을 이용한 프로젝트 실행 확인 1. 작성된 프로젝트가 정상적으로 동작하는지 확인할 때는, 프로젝트 -> Run As -> Run on Server 를 이용해서 처리. 프로젝트가 정상적으로 실행되면, Eclipse 내에서 실행되는 모습을 확인할 수 있는데, Eclipse 내의 브라우저에서 'http://localhost:8080/controller' 라는 URL이 실행된다. next 후 finish 클릭하면 실행이 된 것을 확인할 수 있다.
Spring Project 생성
Spring Project 생성 1. example00 프로젝트 생성 Eclipse의 스프링 관련 플러그인을 설치하면, 별도의 설정없이 Maven을 사용하는 Spring 프로젝트를 생성할 수 있다. File -> New -> other... 선택 후 Spring Legacy Project 선택 Spring Legacy Project 선택 후 Next 클릭하면 다음과 같이 여러종류의 스프링 기반 프로젝트를 Maven 기반으로 생성할 수 있다. 프로젝트는 Spring MVC Project 를 이용해서 생성하고, project name은 example00, 패키지 명은 'org.zerock.controller' 로 생성. 2. 스프링 버전 변경 위의 과정을 통해 생성된 프로젝트는 다음과 같은 구조로 생성된다...
개발 환경설정
JDK 설치 openjdk 1.8버전 설치 openjdk 1.8버전 설치를 위해 해당 경로로 이동(https://github.com/ojdkbuild/ojdkbuild) 자신의 OS에 맞는 jdk 버전(java-1.8.0-openjdk-1.8.0.242-1.b08.ojdkbuild.windows.x86_64.msi) jdk 1.8 설치 후 환경변수 설정 환경변수 설정 후 java -version 으로 설치된 jdk 버전 확인 2. Eclipse 혹은 STS 설치 (https://www.eclipse.org/downloads/) (스프링 개발 경험이 없다면, STS를 다운받아서 사용하는것이 편리하지만, Eclipse를 사용하고 있어서 Eclipse에 스프링 관련 플러그인 추가해서 사용.) Eclipse 설..
Vue cli3 프로젝트 생성 후 서버 구동
Vue cli3 프로젝트 생성 후 개발 서버 구동 package.json 파일 내용 확인 package.json 의 scripts 내용 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, 개발 서버 구동 위 scripts 의 내용과 같이 serve 명령어를 이용해 서버 구동 npm run serve 입력
vue cli3 설치
vue cli 란? vue 프로젝트를 쉽게 만들어주는 도구 vue cli 3 설치 vue cli를 설치하기 전에 node.js 를 설치해야 한다. node.js는 공식홈페이지 에서 os에 맞게 설치 (링크 : https://nodejs.org/ko/) vue cli 3 설치 cmd 창에 npm install -g @vue/cli 명령어 입력 vue cli를 이용한 vue 프로젝트 생성 vue create [프로젝트 명] ex) vue create testproject vue cli3를 통해 생성된 프로젝트 구조
