Spring boot 와 vue / react 연동 방법 링크
React 프로젝트 spring boot로 배포하기 (2)
이번에는 react web을 생성하고 spring boot용 jar 파일을 생성해 실행해 본다. 터미널을 열고 프로젝트의 src/main 폴더에 들어간다. cd src/main 다음 세가지 방법중 한가지를 사용해서 react app을 시작한다...
gran007.tistory.com
https://bkjeon1614.tistory.com/39
[Spring Boot] Spring Boot + Gradle + VueJS 연동
해당 포스트는 Spring Boot와 VueJS를 연동하는 과정을 작성했다. 1. Gradle에 Thymeleaf 설정 dependencies { compile('org.springframework.boot:spring-boot-starter-thymeleaf') compile('org.springframewor..
bkjeon1614.tistory.com
Spring boot 로 프로젝트를 만들 때 서버에 frontend 를 같이 올려야 할 경우가 많다.
그 때마다 간단한 thymeleaf 로 html, js, css 의 파일 랜더링과 데이터 연결정도만 했는데
최근에 frontend 쪽 기술에 관심을 가지면서 webpack을 바탕으로한 frontend trend 인 vue와 react를 적용하는 방법을 알아보았다.
webpack을 통해 npm build 를 하면 나오는 output 파일들을 main/resources 의 statc과 template으로 경로를 지정해주면 변환된 파일을 을 읽고 랜더링해주는 방식이다.
알기전엔 webpack이 되게 어렵게 느껴졌는데 js에 대한 백그라운드가 좀 생겨서 그런지 그렇게 어렵진 않았다.
이제 gradle 에서 npm 연동을 통해 자동으로 npm build 를 하고 jar 파일로 만들어 떨구는 방식에 대해 찾아봐야겠다.
build script 에 추가해서 gradle BootRun 에서 처리하게 할 수 있으면 될거 같다.