[vue & Spring Boot] 연동하여 게시판 만들기 #1 스프링부트셋팅 feat. mariadb

개발환경 
- OS: window11
- DB: mariaDB
- 개발툴: intelliJ2023.1
- 프레임워크: 
    -front: vue.js
    -back: SpringBoot

[출처 블로그: [Vue] Vue.js 게시판 만들기 2 - Backend 프로젝트 생성 (tistory.com)]

Spring Initializr Spring.io에서 프로젝트를 생성하여
lombok , Spring Web , Spring Data JPA, MariaDB Driver 를 추가하고 GENERATECTRL + ⏎ 

인텔리 제이에서 프로젝트를 열어준다. 
파일 > 새로만들기 > 프로젝트

build.gradle 파일을 열어 dependencies 부분이 아래와 맞는지 확인

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
	implementation 'org.springframework.boot:spring-boot-starter-web'
	runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'
	compileOnly 'org.projectlombok:lombok'
	annotationProcessor 'org.projectlombok:lombok'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
}

src/main/resources/application.properties 파일의 이름을 application.yml로 변경하고 아래 소스를 추가

server:
  port: 8081

spring:
  jackson:
    property-naming-strategy: SNAKE_CASE

  jpa:
    open-in-view: false
    generate-ddl: true
    show-sql: true
    hibernate:
      ddl-auto: update
#mariadb 사용 
  datasource:
    driver-class-name: org.mariadb.jdbc.Driver
    url: jdbc:mariadb://localhost:3306/test
    username: root
    password: root1234

  datasource의 username, password는 각자 설정에 맞게 변경해주세요.

mariadb 설치

Download MariaDB Server - MariaDB.org

설치는 그냥 긍정으로  next 를 눌러주시면 되여

그리고 미리 테이블만 생성해볼까요?

create table board(
idx int(100) NOT NULL AUTO_INCREMENT PRIMARY key comment '게시판 번호',
title varchar(100) comment '게스글 제목',
contents varchar(100)  comment '게시글 내용',
author varchar(100)  comment '작성자',
created_at varchar(100) comment '생성일자');
ALTER TABLE board convert to charset utf8;

그리고나서 내장 어플리케이션을 실행!