메뉴 건너띄기
주메뉴 바로가기
본문 바로가기

이 누리집은 대한민국 공식 전자정부 누리집입니다.

본문 영역

적용 지원, FAQ, Q&A 게시판을 통해 기술 문제 해결을 지원합니다.

자주 묻는 질문

표준프레임워크에 React , Vue 등 UX Framework를 적용한 예제 프로젝트가 있나요?
  • 작성자

    관리자

  • 작성일자

    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
 

이 페이지의 구성

자주 묻는 질문