카카오 로그인 쉽게 구현하기 2편 - 개발 환경 설정

개발환경

• Spring Boot
• Vue.js
• MySQL

필요한 모듈 설치

• Java 11
• vue/cli 4.5.4
• MySQL 8.0.18

Java, Vue, MySQL 버전은 위와 상이해도 무관하다.

 

1. Spring Boot 프로젝트 생성

1) Spring Boot 프로젝트 생성

아래 사이트에서 Spring Boot 프로젝트를 생성할 수 있다.

https://start.spring.io/

 

2) Gradle 설정

build.gradle 카카오 로그인 서비스 구현에 필요한 모듈을 설정한다.

	implementation 'org.springframework.boot:spring-boot-starter'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
	
	implementation('org.springframework.boot:spring-boot-starter-actuator')
	implementation('org.springframework.boot:spring-boot-starter-data-jpa')
	implementation('org.springframework.boot:spring-boot-starter-data-rest')
	implementation('org.springframework.boot:spring-boot-starter-jdbc')
	implementation('org.springframework.boot:spring-boot-starter-security')
	implementation('org.springframework.boot:spring-boot-starter-validation')
	implementation group: 'org.springframework.cloud', name: 'spring-cloud-starter-openfeign', version: '3.1.3'
	implementation group: 'com.google.code.gson', name: 'gson', version: '2.9.0'
	implementation group: 'org.bgee.log4jdbc-log4j2', name: 'log4jdbc-log4j2-jdbc4', version: '1.16'
	runtimeOnly('mysql:mysql-connector-java')
	compileOnly('org.projectlombok:lombok')
    annotationProcessor('org.projectlombok:lombok')
	testAnnotationProcessor('org.projectlombok:lombok')

2. Vue 프로젝트 생성

vue create 프로젝트명

해당 명령어로 Vue 프로젝트를 만들 수 있다.

추후에 서버와 통신하기 위해서 axios만 추가로 설치했다.

npm install axios

 

관련글

2022.08.16 - [Web Programming] - 카카오 로그인 쉽게 구현하기 1편 - Kakao Developers 설정

카카오 로그인 쉽게 구현하기 1편 - Kakao Developers 설정

2022.08.17 - [Web Programming] - 카카오 로그인 쉽게 구현하기 3편 - 로그인 구현하기 (Spring Boot + Vue.js)

카카오 로그인 쉽게 구현하기 3편 - 로그인 구현하기 (Spring Boot + Vue.js)