Spring + React 간단한 앨범 서비스 만들기(1)

서문

졸업을 코앞에 두고 웹을 공부하는 사람으로 간단한 포트폴리오용 사이트라도 빌드 해보는게 좋겠다 싶어 공부하고 있던 Spring과 React로 도전해보았다. 아무래도 그렇게 만드는 과정에서 좌충우돌하는 과정을 기록해두는게 나중을 위해서라도 도움이 될 것 같아 끄적여보고자 한다.

개발환경

개발은 Windows 환경에서 Frontend(React)는 VS Code, Backend(Spring)은 STS를 사용했다.
React는 16.13.1 버전, 아무래도 디자인에 너무 시간 쏟는게 싫어서 Material-UI로 빠르게 퉁쳤다. + React Router로 Routing 관리.
Spring은 Spring Boot를 쓰지 않고 Legacy MVC 4.3.18버전을 썼다.
DataBase는 MySQL WorkBench로 관리했다.

React 설치

npm install -g create-react-app
create-react-app "App's Name"
cd "App's Name"
npm start

Spring 설치

STS를 사용하여 Legacy MVC Project를 새로 생성하는 방법과 그냥 Spring Project 형태로 디렉토리와 파일(XML)을 구성한 뒤 Pom.xml에 필요한 Dependency들을 기록해주는 방법이 있다.