← 사이트맵

컴포넌트 갤러리

디자인 시스템 컴포넌트의 시각 검수용. 화면 작업 전 일관성 확인.

컬러
Primary 500
#2E5A88
Success
#10B981
Warning
#F59E0B
Danger
#EF4444
Info
#3B82F6
50
100
200
300
400
500
600
700
800
900
타이포그래피
4xl 30품질검사 프로젝트 관리
3xl 24대시보드 통계 24px
2xl 20페이지 제목 20px
xl 18섹션 제목 18px
lg 16카드 제목 16px
base 14본문 텍스트 14px
sm 12테이블 내용 12px
xs 11보조 정보 11px
버튼
배지
진행중 승인 대기 반려 검토 완료 활성 긴급
폼
계약서 기준 정식 명칭
필수 입력 항목입니다.
테이블
프로젝트명 발주처 시험유형 납기일 상태 관리
새울 1호기 EMC 시험 한국수력원자력 EMC 2026-06-30 진행중
한울 5호기 내진시험 한국수력원자력 내진 2026-05-20 결재대기
신고리 3호기 Dedication 한국전력기술 Dedication 2026-08-15 완료
진행률
새울 1호기 EMC72%
한울 5호기 내진45%
신고리 3호기 Dedication100%
결재선
김
김작성
기안
→
박
박검토
검토
→
이
이승인
승인
통계 카드
전체 프로젝트
42
↑ 3 (이번 주)
진행중
18
↑ 2
결재 대기
7
↓ 1
납기 임박
3
7일 이내
알림 (Alert)
나모 웹에디터가 잠시 후 자동저장됩니다.
결재가 정상 처리되었습니다.
납기일이 7일 이내입니다.
결재가 반려되었습니다. 사유: 시험 데이터 누락
탭
결재 대기 3
내가 요청한 결재 5
결재 완료 42
선택된 탭의 내용이 여기에 표시됩니다.
페이지네이션
업로드
파일을 드래그하거나 클릭하여 업로드
PDF, HWP, DOCX, XLSX (최대 50MB)
새울1호기_계약서_v2.pdf 2.4MB
타임라인
2026-04-29 15:42
이승인 부장이 한울 5호기 내진시험 보고서 Rev.2를 승인했습니다.
2026-04-29 11:18
박검토 차장이 검토 의견을 작성했습니다.
2026-04-28 09:30
김작성이 새울 1호기 EMC 프로젝트를 등록했습니다.
2026-04-27 17:05
EMC 시험성적서 Rev.1이 반려되었습니다. 사유: 시험 데이터 누락
버전 이력 (Rev)
Rev.2 현재
2026-04-29 14:30 · 김작성
변경사유: 시험 데이터 오류 수정 (3-2절 표 2.1)
김작성 ✓ → 박검토 ✓ → 이승인 ✓
Rev.1
2026-04-22 10:00 · 김작성
변경사유: 검토의견 반영
Rev.0
2026-04-15 09:00 · 김작성
최초 작성
트리 (조직도)
품질검사본부
품질검사1팀
김김팀장 · 팀장
박박대리 · 대리
이이사원 · 사원
품질검사2팀
토스트 (Toast)
우측 상단에 노출되는 일시 알림. 좌측 컬러 보더로 종류 구분.
저장 완료
시험 보고서 Rev.2가 저장되었습니다.
납기 임박
한울 5호기 내진시험 납기가 7일 남았습니다.
결재 반려
EMC 시험성적서 Rev.1이 반려되었습니다. 사유: 시험 데이터 누락
자동저장
보고서가 자동 저장되었습니다.
첨부파일 (Attachments)
목록 셀에는 아이콘+개수, 상세 영역은 파일 리스트, 클릭 시 미리보기 모달.
목록 인라인 표시 (테이블 셀)
문서명 유형 첨부 등록일
새울 1호기 EMC 시험계획서 시험계획 3 2026-04-29
한울 5호기 내진시험 보고서 보고서 7 2026-04-22
신고리 3호기 Dedication 계약 0 2026-04-15
상세 영역 (파일 1줄 = 아이콘 · 파일명 · 크기 · 다운로드 · 삭제)
새울1호기_EMC_시험계획서_v2.pdf 2.4MB
시험사진_001.jpg 854KB
시험데이터_원본.xlsx 1.1MB
미리보기 모달 (좌측 리스트 + 우측 미리보기)
첨부파일 미리보기
새울1호기_EMC_시험계획서_v2.pdf 2.4MB
시험사진_001.jpg 854KB
시험데이터_원본.xlsx 1.1MB
새울1호기_EMC_시험계획서_v2.pdf
2.4MB · PDF · 2026-04-29
PDF 미리보기 영역
실제 화면에서는 PDF.js / 이미지 렌더링이 표시됩니다.
모달 표준 (Alert / Confirm / Search-Picker)
실제 운영 시 backdrop과 함께 노출되며, 본 갤러리에서는 카드처럼 인라인 미리보기.
1) Alert — 단일 확인 (오류/안내)
처리 실패
결재선이 지정되지 않아 요청을 보낼 수 없습니다.
[결재라인관리]에서 결재선을 먼저 등록해주세요.
2) Confirm — 예/아니오 선택
삭제 확인
새울 1호기 EMC 시험계획서를 삭제하시겠습니까?
삭제된 데이터는 되돌릴 수 없습니다.
3) Search-Picker — 좌측 검색 결과 리스트 + 우측 선택 항목 미리보기
결재자 선택
김 김작성 사원 · 1팀
박 박검토 차장 · 1팀
이 이승인 부장 · 본부
최 최검토 과장 · 2팀
박검토 (차장)
품질검사1팀
박
박검토
park.review@koneq.com
내선 1234
담당 시험유형
EMC 내환경 내진
현재 결재 대기
3건