[Vue.js - Spring Boot - MySQL] 프로젝트 생성

[참고]   https://dev-jwblog.tistory.com/99

[Vue.js] Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기

 

 

 

1. Frontend

1-1.  전체 프로젝트 폴더 생성

 

1-2.  1-1에서 생성한 폴더에서 vue 프로젝트 생성

①  vue-cli 설치

npm install -g @vue/cli

 

 

②  vue 프로젝트 생성

vue create frontend(프론트 폴더명)

 

 

③  생성된 vue 프로젝트 폴더 구조 

 -  IntelliJ에서 spring_boot_03 폴더 열기 

 

 

---

 

 

2. Backend

2-1. 백엔드 폴더 생성 :  spring_boot_03 / backend

 

2-2. Spring Boot 프로젝트 생성

①  File / New / Project / Spring Initializr

 

Developer Tools	▷ Spring Boot DevTools ▷ Lombok
Web	▷ Spring Web
Template Engines	▷ Thymleaf
SQL	▷ Spring Data JPA ▷ H2 Database ▷ MySQL Driver

 

 

②  생성된 spring boot 폴더 구조