반응형 REACT21 [SpringBoot] Intellij + React + Bootstrap + Router 적용하기 이전글https://greed-yb.tistory.com/300 [SpringBoot] Intellij + React 생성 및 한번에 빌드하기node.js 설치하기https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.orgReact , vue 는 node.js 가 설치되어 있어야 실행된다 프로젝트 생성greed-yb.tistory.com Bootstrap 다운로드https://startbootstrap.com/ Start Bootstrap startbootstrap.com Bootstrap 적용하기.. 2024. 10. 21. [SpringBoot] Intellij + React 생성 및 한번에 빌드하기 node.js 설치하기https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.orgReact , vue 는 node.js 가 설치되어 있어야 실행된다 프로젝트 생성하기 프로젝트 시작하기 React 설치하기 npx create-react-app frontendnpx create-react-app '원하는 이름' 으로 하면 된다. React(Front) 와 SpringBoot(Back) 연동하기React 기본 port는 3000 이다Back 과 연동하기 위하여 pac.. 2024. 10. 21. [SpringBoot] Gradle + React 같이 빌드하기 React 와 vue 를 실행하려면 npm start 또는 run 으로 따로 실행을 해야 하는데매번 이렇게 할 수 없기 때문에 front와 back 을 같이 build 하여 back 주소로 실행하려고 한다 build.gradledef frontendDir = "$projectDir/src/main/frontend/my-app"sourceSets { main { resources { srcDirs = ["$projectDir/src/main/resources"] } }}processResources { dependsOn "copyReactBuildFiles" }task installReact(type: Exec) { workingDir "$frontendDir" .. 2024. 6. 17. 이전 1 2 3 4 다음 반응형
