[eGov4.0] 전자정부프레임워크 4.0 beta 맛보기

참고사이트

참조 : https://www.egovframe.go.kr/home/ntt/nttRead.do?menuNo=74&bbsId=6&nttId=1837

들어가며

21년 12월 7일에 그 말많던 eGov 4.0 beta 개발환경이 릴리즈 되었습니다.

아..Java쪽은 손 놓은지 오래되었는데... 개인사정상 좀 앞으로 만질 일이 많아질 듯 하여....

받아서 Spring boot 로 동작하는 템플릿을 실행해보기로 합니다.

https://www.egovframe.go.kr/home/sub.do?menuNo=94

설치하기

우선 위 경로에서 다운 받아 적절한 위치에 압축을 풀어 줍니다.

그리고 eclipse.exe 를 실행하면

위 처럼 멋진 실행 화면을 만나게 됩니다.

모든 템플릿이 Springboot 가 적용되어 있는 것 아니라고 하더군요. 적용된 템플릿은 아래와 같이 만들 수 있습니다.

위 의식의 흐름을 따라 생성해 주면... 왼쪽 Pacakge Explore 에 잘 나타나게 됩니다.

트리를 열어보면 front-end에 react로 되어있는 폴더가 있는 것을 확인할 수 있습니다.

이제 예제 템플릿 생성을 했으니 실행을 해서 실제로 동작 확인을 하도록 합니다.

실행을 해보자

back-end는 아래 그림처럼 실행을 해주면 됩니다.

뭔가 ..뭔가가 일어나고 있습니다! 일단 실행되었으니 react 맛좀 볼까요?

??????????????????????????? 뭔가요...? 이건 옛날 기본 jsp 페이지인데.. 찾아봅니다.

readme.md 파일엔 FrontEnd 구동에 관련된 내용이 링크로 걸려있습니다.

참고하면 react는 node.js 를 사전에 설치해서 관련 모듈 install 후 별도 기동을 해줘야 하네요.

해당 경로에 가서 npm install 을 실행해주면 관련 모듈들이 설치가 됩니다. 모두 완료 후 아래와 같이 front-end를 기동할 수 있습니다.

잠시 기다리면..(회사컴이 좋지가 않...)

드디어 react로 된 와꾸를 만날 수 있습니다... 역시 새것이 좋긴 좋네요.

뭐가바뀐건데

소스 부분을 살짝 살펴보면

react의 jsx에선 back-end url로 요청을 보내고 받아서 view를 처리하고 있습니다.

back-end는 기존 구성은 동일한 걸로 보이나 API 처리를 위해

각 web 담당 package에서는 ControllerAPI.java 가 추가되고

RequestMapping을 통해 react front-end와 통신을 하고 있는것을 확인할 수 있습니다.

즉 기존 simple template은 springboot 기반으로 약간의 변경과 API 담당 class가 추가되었고 React로 front-end 추가되었다..

앞으로

그래서 개인적으로 springboot 에 egov 4.0 의존성 패키지 추가해서 back-end 빌드하고

vue3로 front-end 구성해서 돌리는 플젝을 올해 진행하려고 합니다.

하면서 진행상황은 간간히 작성하는걸로...

그림 20000