본문 바로가기

Spring Framework 개발 일지/Spring Boot와 Rect.js로 프로젝트 구성

[Spring과 React 연동-0] Spring boot와 React 연동을 위한 사전지식 & 자료

반응형

https://spring.io/guides/tutorials/react-and-spring-data-rest/

스프링을 공부하는데 있어서 공식 사이트는 필수이다. 이 Tutorial의 문제점은 node.js나 npm, webpack 설정에 대해서 생략하고 있다는 점.


https://github.com/eirslett/frontend-maven-plugin

maven을 이용하여 node.js 개발환경을 구축할 수 있다. yarn과 npm을 해당 프로젝트에 설치할 수 있는 모듈


위 두 가이드만 보고 하다가 막혔다. React.js에 대해서는 기초적인 학습을 했지만 개발환경을 설정을 해본적이 없으니 어떻게 연동할지 감이 전혀 잡히지 않았다. 그래서 npm, webpack에 대해서 공부해야겠다는 생각이 들었다.

webpack에 대해서 공부하니 spring boot와 react를 어떻게 연동하는지 감이 잡혔다.

연동 원리는 아주 단순한 것이다. 모듈 번들러가 리소스 파일들을 하나로 합쳐주니 spring project의 target 폴더로 output 경로를 지정해주면 되는것이다.


아래는 webpack에 대해서 내가 참고한 글들이다.


https://hyunseob.github.io/2017/03/21/webpack2-beginners-guide/


http://d2.naver.com/helloworld/0239818


https://www.zerocho.com/category/Webpack/post/58aa916d745ca90018e5301d


아래는 개발환경 설정에 대한 글들이다.

둘 다 영문이라 부담...이제 원리를 알아서 포스팅대로 개발환경을 설정할 생각이다.


http://justincalleja.com/2016/04/17/serving-a-webpack-bundle-in-spring-boot/


https://www.blackpepper.co.uk/what-we-think/blog/using-create-react-app-with-spring


create-react-app과 spring boot를 연동할 수 있지 않을까 싶었다.

아래는 create-react-app guide


https://github.com/facebookincubator/create-react-app#getting-started

반응형