Kotlin, Spring, Vue.js

• Java/Spring, MyBatis, jsp를 사용하는 팀/프로젝트가 Kotlin/Spring, JPA, Vue.js 를 검토할 수 있도록 소개하는 것을 목적으로한다.

  목차

  • Basic
  • Spring
  • Vue.js

Vue.js

• 5월 25일 까지 vue-cli 를 vite 로 교체합니다.

준비과정 (참고)

1. node.js 설치
   • https://nodejs.org
2. yarn 설치

   npm install -g yarn
   

3. vue 설치

   yarn global add @vue/cli
   

4. git 설치
   • https://git-scm.com/
5. vscode 설치
   • https://code.visualstudio.com
   • IDE는 상관없으나 vscode 기준으로 서술
   • 확장도구(extensions)도 설치
     • Vue VS Code Extension Pack
     • Terminal
       • IDE 오른쪽 하단에 >_ 모양의 Toggle Integated Terminal 라는 아이콘이 생김
   • git 으로 받은 후 열기
6. 모듈 내려받기
   • git을 내려받은 디렉토리로 이동
     • 혹은 vscode의 Terminal 로 접속

   yarn install
   

실행

1. 실행

   • vscode의 Terminal 혹은 커맨드에 접속
     • 프로젝트 경로로 이동 (vscode Terminal 사용시 자동이동)

   yarn run dev
   

2. 접속

   • 메인 : http://localhost:8080/

빌드

빌드결과 폴더 : 프로젝트폴더/dist

yarn run build