[전자정부 표준프레임워크] 표준프레임워크 4.0 (베타) 스프링부트 리액트 실행

표준프레임워크 4.0 (베타) 내 스프링부트(SpringBoot) 와 리액트(React)를 실행해보고, 화면까지 띄워 보자.

​

우선 스프링부트 부터 실행해보자.

[eGovFrame Boot Template Project] 클릭, Simple Homepage 창에서 [next] 클릭

 

Project name 와 Group id 를 입력하고 [Finish] 클릭

 

프로젝트가 생성되면 스프링부트 아이콘을 클릭하자

 

[Boot Dashboard]에서 프로젝트를 선택하고 [Start] 아이콘을 클릭한다

 

브라우저에서 http://localhost:8080/ 으로 접속

 

이번에는 리액트(React)를 실행해 보자.

[egovframe-template-simple-react] 마우스 오른쪽 > [Show in Local Terminal] > [Terminal] 클릭

 

[Terminal] 화면

 

터미널에서 [npm i] 입력하고 엔터.

npm i

 

설치가 끝나면 [npm start] 입력하고 엔터.

npm start

 

자동으로 디폴트 브라우저로 리액트(React) 화면이 열린다.

React 초기 화면

 

화면을 줄여보자

이것으로 표준프레임워크 4.0 (베타) 실행을 마친다.