[Intro] React, Spring boot, MariaDB, JPA, Docker 로 투두리스트 웹앱 만들기

 

프로젝트 소개

나는 언어든 프레임워크든 이론부터 공부하는 것보다 실제로 애플리케이션을 만들어보며 개념을 익히는 게 머리에 더 잘 들어오는 타입이라 spring boot 를 공부할 겸 👉 삐멜님의 To-do 스프링부트 웹 어플리케이션 을 튜토리얼처럼 진행해보려고 한다. 단, 내가 사용해보고 싶은 기술 스택은 React.js 와 JPA, MariaDB 이므로 vue.js 와 MongoDB 는 사용하지 않는다. 이를 사용해보고 싶다면 삐멜님의 게시물을 참고하면 된다.

참고!! 이 게시물은 왕초보 튜토리얼이라 디테일까지 전부 챙기지 못했다... (에러 varidate 처리, 인증, jpa의 심화 개념 등등)

 

프로젝트 구조

시스템 구조

전체 시스템은 3-tier 아키텍처로, spring boot 서버는 RESTful API 로 구성한다. 3-tier 아키텍처가 궁금하다면 👉 IT 인프라 아키텍처 글을 참고하면 된다.

 

웹 브라우저에서 url로 vue.js / React.js 코드 및 기타 파일을 요청하면 웹서버가 응답해주고, 웹서버는 필요에 따라 API 서버와 통신한다. API 서버는 처리에 필요한 데이터를 DB 서버에서 입출력한다.

 

백엔드 서비스 구조

Spring boot 서버 애플리케이션은 Controlelr -> Service -> JPA Repository 구조이고 RESTful API 로 구현할 것이다. 컨트롤러가 뭔지, 레파지토리가 뭔지 같은 자세한 설명은 프로젝트를 진행하며 하겠다.