[참고] https://dev-jwblog.tistory.com/99
[Vue.js] Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo..
dev-jwblog.tistory.com
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 폴더 구조
'Spring > Spring Boot' 카테고리의 다른 글
| [Spring boot - OAuth2] OAuth란 ? (0) | 2022.11.12 |
|---|---|
| [Vue.js - Spring Boot - MySQL] 프론트 & 백 연동 (0) | 2022.09.12 |
| [Spring Boot] lombok & Dto (0) | 2022.08.30 |
| [Spring Boot] Controller, ControllerTest (0) | 2022.08.29 |
| [Spring boot INIT] 개발 환경 설정, 프로젝트 생성(initializer) (0) | 2022.01.13 |
