전자정부 표준프레임워크 5.0 기반의 누리집 CMS, 통합검색, 온프레미스 문서 AI 및 위원회 업무 팩을 제공합니다.
별도의 환경설정 변경 없이(Zero-Config) 즉시 구동되며, AI 엔진이 불필요한 사업 환경에서는 기능을 비활성화하여 유연하게 운영할 수 있습니다.
제품 공식 페이지 · 제품 소개서 PDF (A4 10쪽) · 시연 영상 (MP4, 1분 59초) · KRDS React 컴포넌트 45종 (MIT) · 도입 문의
▶ 시연 영상 (1분 59초, MP4) — 7개 주요 비즈니스 시나리오 연속 시연 (구간별 자막 지원) 내려받기 · 제품 페이지에서 바로 보기
가상 공공기관인 ‘국립문서정보연구원’의 샘플 데이터(문서 9건)를 바탕으로 로컬 환경에서 무편집(Uncut)으로 캡처한 실제 구동 화면입니다.
전자정부 표준프레임워크는 기본 개발 환경일 뿐, 포털 서비스 구축을 위한 완제품 형태를 제공하지는 않습니다. 이로 인해 대다수 공공 SI 사업에서 계정·권한(RBAC), 게시판, 파일 첨부 검증, 표준용어사전, 배치 관리 등의 기본 기능을 프로젝트마다 매번 재구축하는 비효율이 발생해 왔습니다.
**MORU(모루)**는 이러한 공통 인프라 요소를 사전에 완벽히 구축·검증해 둔 패키지 솔루션입니다. 제품명은 대장간에서 달군 쇠를 올려놓고 단단히 벼려내는 받침 쇠 ‘모루’에서 착안하였습니다.
| 영역 | 주요 제공 기능 |
|---|---|
| Core | 계정 및 인증(계정 잠금, 임시 비밀번호) · 세부 권한 관리 RBAC(게시판별 CRUD 권한 통제) · 조직 및 부서 관리 · 범용 게시판 엔진 · 첨부파일 보안 파이프라인(확장자·MIME·시그니처 3중 검증 및 ClamAV 연동) · 전자정부 표준용어사전(DDL 컬럼 검증) · 스프링 배치 스케줄러 · 무결성 감사 로그(해시 체인) · 통합 알림(인앱, SMTP, SMS) · 연계 어댑터 |
| Portal | KRDS(한국형 디지털정부서비스 UI/UX 가이드라인) 준수 포털 셸(정부24 표준 상단 GNB, LNB 브레드크럼, 푸터) · 메뉴 및 IA 관리 · 콘텐츠 CMS(결재 승인, 버전 이력, 복원) · 대민 회원 관리(약관 개정 이력, 본인확인 연계 인터페이스) · 사이트 템플릿(기관별 테마 및 레이아웃 데이터화) · 팝업/배너 관리 · KRDS React 컴포넌트 45종 탑재 · 통합검색 · 개방형 API(API Key 발급, Rate Limit 할당, OpenAPI 3.0 명세) · 웹로그 접속 통계 · 관리자 접근 통제(IP 화이트리스트, TOTP 2차 인증) |
| AI Sidecar | 온프레미스 AI 게이트웨이(개인정보 마스킹, Quota 제어, Circuit Breaker, DMZ 중계 프록시) · 공공 문서 포맷 자체 파싱(HWP, HWPX, HWPML, PDF, DOCX, XLSX, CSV, TXT, MD, JSON) · 하이브리드 색인/검색(BM25, Vector, RRF 앙상블) · 업무 지원 챗봇(멀티턴, 시나리오, 콘텐츠 초안 생성) · 답변 근거 무결성 검증(문장-원문 출처 정밀 매핑) |
| 게시판 유형 | 공지사항 · 자주 묻는 질문(FAQ) · 자료실 · 포토 갤러리 · Q&A · 동영상/미디어(YouTube 썸네일 자동 연동) · 전자책(E-Book) |
| 위원회 업무 팩 | 위원회 현황, 위원 관리, 회의 소집, 안건 관리, 전자 표결, 의결서 발급. 의결 정족수 산출, 법정 기한 자동 계산(소집 통지 7일 전, 안건 송부 3일 전), 가부동수 처리 규칙, 서면의결 이중 정족수 판정, 의결서 해시 봉인(위·변조 방지) |
| 통합 관리자 | 배치 작업 · 사용자/권한 · 조직도 · 감사/접속 로그 · 공통코드 · 표준용어사전 · 게시판 속성 정의 · 메뉴/콘텐츠 관리 · 사이트/템플릿 · 팝업/배너 · 접속 통계 · Open API 관리 · AI 설정 · 금칙어 필터링 · SMS/알림 · 위원회 운영 · 실시간 보안 점검 |
대민 포털과 관리자 화면 전반을 KRDS 규격을 100% 준수한 45종의 React 컴포넌트 기반으로 모듈화했습니다. 개별 화면 단위의 마크업 코딩을 배제하고 표준 컴포넌트 조립 방식으로 구현하여, 향후 신규 페이지 확장 시에도 웹 접근성(WA 인증) 및 정부 표준 디자인 규격을 완벽하게 충족합니다. (기본 Portal 내 82개 화면 영역에 전면 적용)
| 카테고리 | 컴포넌트 구성 |
|---|---|
| 누리집 셸 (9) | 머리표시 · 헤더 · 주메뉴(GNB) · 이동경로(Breadcrumb) · 좌측 메뉴(LNB) · 페이지 내 목차 · 푸터 · 기관 식별자 · 건너뛰기 링크 |
| 입력 요소 (10) | 폼 필드 · 텍스트 입력 · 텍스트 영역 · 선택(Select) · 체크박스 · 라디오 · 파일 업로더 · 콤보박스 · 입력 그룹 · 버튼 |
| 데이터 표출 (5) | 기본 테이블 · 반응형 데이터 그리드(정렬 · 헤더 고정 · Empty State) · 정의 목록 · 글 목록 · 페이지네이션 |
| 피드백·상태 (9) | 인라인 알림 · 긴급 알림(Banner) · 토스트(Toast) · 빈 상태(Empty) · 스켈레톤 · 로딩 스피너 · 진행 막대 · 배지 · 태그 |
| 오버레이 (4) | 모달(Dialog) · 드로어(Drawer) · 툴팁 · 컨텍스트 메뉴 |
| 인터랙션 (4) | 탭(Tabs) · 아코디언 · 접기(Collapsible) · 단계 표시기(Stepper) |
| 유틸리티 (4) | 아바타 · 구분선 · 스크롤 영역 · 폰트 크기 조절기 |
- KRDS 확장 컴포넌트 13종 구현 — 공식 KRDS UI 킷에 포함되지 않았으나 관리자 화면 구축에 필수적인 UI(드로어, 토스트, 콤보박스, 컨텍스트 메뉴, 정렬 지원 데이터 그리드 등)를 KRDS 표준 디자인 토큰 체계에 맞추어 독자 개발, 디자인 일관성을 완벽히 유지합니다.
- 표준화된 관리자 UX 패턴 (11개 핵심 뷰) — 신규 등록 시 입력 필드가 10개를 초과하면 독립 편집 페이지로 전환되고, 10개 미만인 경우 팝업 모달이 실행되는 일관된 인터랙션 룰을 적용하여 관리 편의성을 극대화했습니다.
- SSR(Server-Side Rendering) 최적화 (31종) — 초기 진입 속도와 검색엔진 최적화(SEO)를 고려하여 주요 목록 및 콘텐츠 렌더링 컴포넌트는 서버 사이드에서 사전 빌드되도록 최적화했습니다.
- 내장형 인터랙티브 컴포넌트 쇼케이스 —
/ui경로를 통해 각 컴포넌트별 기능 설명, 라이브 데모, 소스 코드, 설계 원칙(Do/Don't), Props API 스펙 문서를 시스템 내에서 즉시 확인할 수 있습니다.
내장된 컴포넌트 쇼케이스 인터페이스: 컴포넌트별 용례, Do/Don't 설계 원칙, 속성(Props) 스펙 테이블을 제공합니다.
플랫폼 종속 없이 단독으로 도입할 수 있도록 45종의 컴포넌트를 분리하여 MIT 라이선스로 공개 배포 중입니다.
GitHub 저장소 · npm 패키지
npm i krds-uiux moru-krds-react





