표준프레임워크에 React , Vue 등 UX Framework를 적용한 예제 프로젝트가 있나요?
- 작성자
- 관리자
- 작성일자
- 2025-08-28
- 조회수
- 127
Q
* React 기반 개발, Vite(Rollup, ESBuild 기반) 번들러 적용
심플 홈페이지 프론트엔드 템플릿
* Next.js(React기반) 개발, TypeScript 등으로 구성
MSA 교육용 샘플 프론트엔드 템플릿 ( 사용자 화면 및 관리자 화면 )
A
현재 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
* 심플 홈페이지 프론트엔드 템플릿
- 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