이 누리집은 대한민국 공식 전자정부 누리집입니다.
적용 지원, FAQ, Q&A 게시판을 통해 기술 문제 해결을 지원합니다.
관리자
2025-08-28
1,181
* React 기반 개발, Vite(Rollup, ESBuild 기반) 번들러 적용
심플 홈페이지 프론트엔드 템플릿
* Next.js(React기반) 개발, TypeScript 등으로 구성
MSA 교육용 샘플 프론트엔드 템플릿 ( 사용자 화면 및 관리자 화면 )
현재 React, Next.js UX 프레임워크를 적용한 예제는 다음과 같습니다.
■ 심플 홈페이지 프론트엔드 템플릿
- React 기반 개발, Vite(Rollup, ESBuild 기반) 번들러 적용
https://github.com/eGovFramework/egovframe-template-simple-react
참고로 Boot 기반 백엔드는 다음 표준프레임워크 GitHub 공식 레포지토리에서 참고 하실수 있습니다.
https://github.com/eGovFramework/egovframe-template-simple-backend
또는 표준프레임워크 개발환경 구동후 다음 메뉴에서 템플릿 프로젝트 생성이 가능합니다.
eGovFrame 메뉴 > Start > New Boot Template Project
■ MSA 교육용 샘플
- Next.js(React기반) 개발, TypeScript 등으로 구성
- 사용자용 프로젝트 및 관리자용 프로젝트 2종으로 구성 ( 현업에서 사용할만한 메뉴 구성으로 구현 )
https://github.com/eGovFramework/egovframe-msa-edu/tree/main/frontend
참고로 Boot 기반 백엔드는 다음에서 참고 하실수 있습니다.
- ApiGateway, Config, Discovery, Board Service, User Service, Portal Service, Check Reserve, Item, Reserve, Request Reserve 9종
https://github.com/eGovFramework/egovframe-msa-edu/tree/main/backend
- 기술스택
상세 내용은 유튜브 영상을 참고 하실수 있습니다.
https://www.youtube.com/watch?v=eaZrC9ew9f4&t=4456s