[Spirng + React] 스프링 부트 + 리액트 프로젝트 생성
1. Spring boot 프로젝트 생성
https://start.spring.io/ 에서 spring boot 프로젝트를 생성해 줍니다.
저는 다음과 같은 설정으로 초기 dependency는 Spring Web만 추가하였습니다.
2. IDE로 프로젝트 열기
GENERATE 버튼을 누르면 압축파일이 하나 생기는데 그 파일을 압축해제 후 IDE로 해당 폴더를 열어줍니다.
처음 열게되면 Gradle이 기본 스프링 dependcy들을 다운로드하느라 오래 걸릴 수 있습니다.
프로젝트가 열리면 루트 디렉터리에서 터미널을 켜신 후 다음과 같은 명령어를 쳐줍니다.
npm init react-app 앱이름 혹은
yarn create react-app 앱이름
다음과 같은 화면이 뜨면 리액트 설치가 완료된 것입니다.
3. 실행
리액트의 경우 위의 그림과 같은 방법으로 실행 할 수 있지만 매번 터미널에서 타이핑 하기는 귀찮으니 IDE(IntelliJ 기준)에서 설정을 하겠습니다.
3.1 상단 바의 구성 편집 버튼 클릭
3.2 npm 선택
구성 편집 창이 뜨면 왼쪽 상단에 + 버튼을 누른 뒤 npm을 찾아 추가해 줍니다.
3.3 스크립트 설정
먼저 리액트가 설치된 경로의 package.json을 설정해 주시고
명령어와 스크립트를 각자 환경에 맞게 custom 해주시면 됩니다. 위와 같은 경우에는 npm run start와 같이 실행됩니다.
3.4 실행
이제 각각 npm과 spring boot를 각각 실행 시켜주시면 됩니다.
Author And Source
이 문제에 관하여([Spirng + React] 스프링 부트 + 리액트 프로젝트 생성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@4anghyeon/Spirng-React-스프링-부트-리액트-프로젝트-생성저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
