Vue.js + Spring Boot + MySQL+JPA 게시판 만들기(1) - 개발환경 셋팅

최근 회사에서 Vue.js + Spring boot + MySQL + JPA 를 사용하여 3번의 프로젝트를 진행하였습니다.

 

프로젝트를 진행하며 사용한 방법들과 환경셋팅, 간단한 코드를 통해 게시판을 만드려고 합니다.

 

 

첫 포스팅에는 개발환경을 셋팅해보도록 하겠습니다.

 

저는 Intellij 좋아하여 Front와 Backend 모두 Intellij Ultimate를 사용하여 개발하였습니다.

 

처음으로 Intelij를 설치해주세요. https://www.jetbrains.com/ko-kr/idea/download 

다운로드 IntelliJ IDEA: JetBrains가 만든 전문 개발자용 Java IDE

Ultimate와 Community 모두 상관없지만 저같은 경우는 비용을 지불하고 Ultimate를 사용하고 있습니다.

(Community 에서는 Javascript, Database를 지원하지 않는다고 합니다.) 

 

 

다음으로 Vue.js, Webpack, NPM 등을 사용하기 위해 Node.js를 설치해야 합니다.

 

저는 10.16.3 버전을 설치하였습니다. https://nodejs.org/ko/download/releases/

이전 릴리스 | Node.js

 

다음으로는 데이터베이스를 사용하기 위해 MySQL을 설치하였습니다. 버전은 8.0.21을 사용하였습니다. https://dev.mysql.com/downloads/

MySQL :: MySQL Community Downloads

MySQL은 설치 후 MySQL 계정을 아래와 같이 설정해 주었습니다. 

계정: root /  비밀번호: q1w2e3r4t5Q!

 

 

이제 Vue CLI를 설치해야합니다. 터미널을 열어 아래 명령어를 입력해주세요

$ npm i -g @vue/cli
$ vue --version

-g 옵션은 글로벌로 설치하는 옵션입니다.

 

이로써 개발환경이 모두 설치되었습니다.

 

다음 포스팅에서는 프로젝트를 생성해보겠습니다.

 

전체 코드는 아래 프로젝트에서 볼 수 있습니다.

https://github.com/sungjaeyoon/board

sungjaeyoon/board