[전자정부 프레임워크] - "New Boot Template Project" 구축하는 방법 (프론트, 백)

개요 : 

전자정부 프레임워크에서 "제공하는 가이드에 따라" 부트 템플릿 프로젝트를 구축하는데 있어

계속되는 fetch 오류와 CORS 정책오류로 인해 로그인 조차 못하고 삽질하는 시간이 길어져만 갔다.

저와 비슷한 경험을 하시는 다른 분들은 이 글을 통해 한번에!! 갈증 해소하시길 바랍니다.

---

개발환경:

OS : Mac M2 Pro (윈도우도 동일하게 진행가능)

Framework : eGovFramework 4.1 (이클립스)

Jdk : openJdk 1.8

Boot Template Project : 4.1 (backend) / 4.1 (frontend)

---

종합시연영상(참고용)

 

구축방법:

1. 아래 깃 주소로 들어가 체크해둔 두 항목을 선택한다.

https://github.com/egovframework

e-Government Standard Framework Center

 

2. 아래 설명을 참고하여 로컬에 오픈소스를 구축한다. 

2-1. egovframe-template-simple-react	2-2. egovframe-template-simple-backend
> 초기 화면에서 버전을 4.1로 변경 > Code 클릭 후 압축파일 다운로드 (깃 클론으로 해도 무방)	> 초기 화면에서 버전을 4.1로 변경 > Code 클릭 후 압축파일 다운로드 (깃 클론으로 해도 무방)

 

3. 소스코드 실행

React (실행 후 localhost:3000 에서 확인가능)	Backend (실행 후 localhost:8080 에서 확인가능)
> 터미널에서 소스코드 경로로 이동 (cd ~) > npm install > npm run start	> 터미널에서 소스코드 경로로 이동 (cd ~) > mvn spring-boot:run

 

+ 실행 성공시 화면

 

+ 로그인 테스트

초기 구축 시 설정된 테스트계정은 깃 문서에 기재되어 있다. (추후 변경해서 사용하면 된다.)

id : admin
pw : 1

 

로그인 성공