컴포넌트 카탈로그
NAMU C&D실서비스에 바로 붙는 팝업 · 그리드 · 폼 · 엑셀 컴포넌트들을 제품처럼 모아뒀습니다. 카드를 클릭하면 실제 동작 데모와 쓰는 법이 나옵니다.
🪟
CommonModal
레이어 팝업 기본기
sm/md/lg/xl/full 5단 사이즈 프리셋, ESC·배경클릭 닫기, footer 슬롯. 거의 모든 팝업의 베이스.
⚠️
useConfirm
Promise 기반 확인창
`await confirm({ title, variant:'danger' })` 한 줄로 삭제/취소 확인. 네이티브 confirm 대체.
🍞
ToastProvider / useToast
비침습 알림
info/success/warn/error 4종, 3초 자동 닫힘. provider 를 root 에 1개만.
🗂️
CommonTable
경량 테이블 (정렬·페이징·선택)
AG Grid 없이도 충분한 기본 테이블. 정렬, 10건 단위 페이징, 체크박스 다중선택, 행 클릭.
🗃️
CommonCodePicker
공통코드 선택 팝업
코드그룹 ID 하나만 주면 서버에서 코드 목록을 받아 검색·단일/다중 선택까지.
🔤
CodeInput / MultiCodeInput
폼용 코드 입력 위젯
input 칸 클릭 → 공통코드 팝업. 다중은 칩 UI 로 여러 개 선택. 폼 필드로 바로 사용.
⏳
WebLoading
로딩 인디케이터
NAMU 육각 로고가 맥박치는 스피너. overlay / inline 2모드.
🧩
표 + 코드피커 연동
실제 업무 패턴
테이블 필터를 공통코드 피커로 잡고, 행별 편집을 모달로 띄우는 전형적인 CRUD 화면 예시.
📊
Excel 내보내기 · 읽기
SheetJS 래퍼 + AG Grid 연동
현재 화면 · 선택 행 · 다중 시트 · 대용량 스트림까지. 서버 업로드된 엑셀 읽기도 지원.