SSAFY에서 2번의 프로젝트를 하면서 기술 부채가 쌓이는 것을 느껴서 개인적인 사이드 프로젝트를 진행하면서 하나하나 되짚어볼 생각이다.

당장 아이디어가 생각나지 않아 우선은 게시판 만들기부터 수행하면서 아이디어를 차근차근 해결 할 생각이다.

Project 구성

기술 스택 선정

• Learning curve를 줄이고 기술 부채를 갚기 위함이므로 새로 기술 스택을 배우는 것 보다는 기존에 알고 있는 기술을 사용하는 것을 선택했다.
• DB의 경우에는 MySQL, MSSQL, MariaDB, Oracle 중에서 선택할 예정. 가장 많이 사용하고 경험이 없는 Oracle DB를 사용할지, 익숙한 Maria DB를 사용할 지 고민을 좀 더 해봐야 겠다.
  Back :Java JPA SpringBoot
  Data: Oracle 개발자 무료, Redis
  Arch : Apache Kafka
  Front : Vue

1. Git Hub

https://github.com/Fortuna3Co/Toy-Project

• git hub에 repository 생성
• git flow 형태로 구성

폴더 구성

• feature에 push
  

Vue Project 생성

• Front 폴더 안에서 CMD 실행

• vue create toy-project 프로젝트 생성
  * Vue 3로 생성

  참고 : https://rosedaily101.tistory.com/31

• 생성한 프로젝트에서 VScode 실행

• Ctrl + ` 키를 눌러 터미널 실행
  

• 터미널 창에 npm run serve 입력 후 url에 ctrl + click
  

• Vue 프로젝트 생성 확인 완료

Spring Boot Project 생성

• start.spring.io 사이트를 이용해서 프로젝트 생성

  https://start.spring.io/

• 구성은 아래 사진과 같다. Dependecies의 경우 필요한 만큼 추가

  Dependecies 설명 : https://appleg1226.tistory.com/11
  

• 설정 후 Generate를 클릭해 다운로드, 해당 파일 Back 폴더로 이동 후 압축 풀기
  
• toy-project 폴더에 들어가서 프로젝트 실행, 빌드되고 있는 것을 알 수 있다.
  
• FAILURE 발생
  
• 구글링한 결과 Spring 3.X 버전 부터는 Java 17이 필수라 되어 있어서 Java 17 설치

  https://jojoldu.tistory.com/698
  java 17 : https://www.oracle.com/java/technologies/downloads/#jdk17-windows

• Intellij 17버전으로 Gradle 변경
  
• Project Structure > project 변경
  
• Project Structure > Modules 변경
  
• Rebuild 수행 결과 Build Success
  
• Application 실행, Tomcat started on port(s): 8080 (http) 확인 완료
  

Project 환경

• Vue 3.3.4

• node 14.21.1

• npm 6.14.17

• Java 17

• Spring Boot 3.1.2
  * Dependencies

  • Spring Web
  • Lombok
  • Spring configuration Processor
  • Spring Security
  • OAuth2 Client
  • OAuth2 Resource Server
  • Spring Data JPA
  • H2 Database
  • Spring for Apache Kafka