반응형 IntelliJ16 [SpringBoot] React + TypeScript + JPA 프로젝트 (2) - Bootstrap 적용 이전글https://greed-yb.tistory.com/303 [SpringBoot] React + TypeScript + JPA 프로젝트 (1) - 생성Java 17GradleSprinb Boot 3.3.4Spring Security 6.3.3Oracle 11gIntelliJ UltimateDBeaverReactJPASpringBoot 프로젝트 생성 프로젝트 생성이 끝나면 properties 파일이 생성된다 server.port= 7172# Databasespring.datasource.driver-class-ngreed-yb.tistory.com Bootstrap 고르기https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/.. 2024. 10. 25. [SpringBoot] Intellij + React + TypeScript 프로젝트 생성하기 이전글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 node.js 설치 및 프로젝트 생성은 이전글을 참고하길 바란다 React + TypeScript 설치하기cd src/mainnpx create-react-app fron.. 2024. 10. 22. [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. [Spring MVC] IntelliJ 에서 프로젝트 생성(4) - Tomcat 연결 이전글https://greed-yb.tistory.com/296 [Spring MVC] IntelliJ 에서 프로젝트 생성(3) - 폴더 구조이전글https://greed-yb.tistory.com/295 [Spring MVC] IntelliJ 에서 프로젝트 생성(2) - 설정이전글https://greed-yb.tistory.com/294 [Spring MVC] IntelliJ 에서 프로젝트 생성(1) - 생성1. 프로젝트 생성 1. 프로젝트 명2. JDKgreed-yb.tistory.com https://tomcat.apache.org/download-90.cgi Apache Tomcat® - Apache Tomcat 9 Software DownloadsWelcome to the Apache T.. 2024. 10. 4. [Spring MVC] IntelliJ 에서 프로젝트 생성(1) - 생성 1. 프로젝트 생성 1. 프로젝트 명2. JDK 버전 선택3. webapp 선택4. groupId 변경하고 싶으면 변경 2. 생성시 기본 구조 2024. 10. 4. [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 다음 반응형
