예제
Nexia 예제
공개 App SDK 호스트 컴포넌트를 포털에서 직접 실행하고, 필요한 최소 패턴을 App 소유 화면에 적용합니다.
예제 분류
UI 프리미티브
공개된 모든 Shell 프리미티브를 단독 또는 목적이 분명한 조합으로 확인합니다.
01액션명령과 경로 링크를 구분하고 액션 강조, 접근 가능한 아이콘·새로고침 컨트롤, 맥락 도움말, 파괴적 메뉴 의미를 구성합니다.NxActionButtonNxButtonNxDropdownMenuNxHelpTooltipNxIconButtonNxIconLinkNxLinkButtonNxRefreshControlNxTooltip예제 열기02폼접근 가능한 레이블, 검증 상태, 텍스트·날짜·기간 입력, 그룹 선택 컨트롤을 조합합니다.NxCheckboxNxComboboxNxFieldGroupNxFieldLegendNxFieldsetNxFileDropzoneNxFormFieldNxFormSectionNxSearchFieldNxSelectNxTextAreaNxTextInputNxDatePickerNxDateRangePickerNxRadioNxRadioGroup예제 열기03상태와 피드백수명 주기 배지와 페이지에 유지되는 피드백을 구분해 사용합니다.NxAlertNxButtonNxLoadingBlockNxMissingRequiredReferencesAlertNxModalDialogNxStatusBadge예제 열기04빈 상태권한 없음, 최초 사용, 검색 결과 없음, 찾을 수 없음, 오류 상태를 각각 비교합니다.NxButtonNxEmptyView예제 열기05데이터 표시호스트가 제공하는 형식으로 레코드 상세, 간단한 표, 페이지 이동, 운영 지표를 표시합니다.NxDetailRowResourceTableNxOverviewBandNxPaginationNxStatCardNxStatusBadge예제 열기06레이아웃과 화면Shell 반응형 기준을 직접 소유하지 않고 경로 프레임, 반응형 영역, 분할 작업 영역, 섹션 간격을 구성합니다.NxAdaptiveSplitNxPageFrameNxResponsiveRegionNxSectionCardNxSectionStack예제 열기07인사이트 화면날짜 범위 필터를 권한과 조회 상태를 명시하는 인사이트 화면에 연결합니다.NxInsightFilterBarNxInsightSurface예제 열기08경로와 조직Canonical 경로를 열고 계층 값을 탐색·선택하며 작업 탭을 전환하고 App 소유 조직 프로젝션을 렌더링합니다.NxCanonicalRoutePaneNxOrgChartNxColumnBrowserNxColumnPickerNxTabNav예제 열기09스프레드시트 편집기호출자가 소유한 워크북을 로컬에서 편집합니다. 변경은 소유자가 저장하기 전까지 미리 보기에만 남습니다.NxSpreadsheetEditor예제 열기
예제 분류
데이터 시각화
공개 분석 렌더러를 각각 구분되는 읽기 쉬운 데이터로 확인합니다.
예제 분류
Resource 화면
App 소유 도메인 프로젝션으로 구동하는 표, 보드, 캘린더, 스케줄러, 일정을 확인합니다.
01Resource 표표와 카드 예제를 함께 보고 더 보기에서 보기와 카드 열 수를 바꾸며, 같은 행 동작과 컬렉션 상태를 확인합니다.NxButtonResourcePrimaryCellResourceRowActionsMenuResourceStatusBadgeResourceTableResourceTextCell예제 열기02칸반 보드Resource 참조를 레인에 표시하고 App 소유 이동 명령을 제출합니다.ResourceBoard예제 열기03캘린더Occurrence 프로젝션을 표시하고 빈 범위 선택을 App 소유 생성 흐름에 전달합니다.NxCalendar예제 열기04Resource 스케줄러Occurrence를 Resource 레인에 배치하고 레인을 포함한 빈 범위 선택을 받습니다.NxResourceScheduler예제 열기05간트 일정호출자가 소유한 일정 프로젝션에서 작업, 마일스톤, 기준 일정, 의존성을 표시합니다.ResourceSchedule예제 열기
예제 분류
실행 레시피
검증 명령까지 포함해 저장소에서 그대로 실행할 수 있는 작은 작업 흐름입니다.
01첫 App 만들기App과 Resource를 생성해 한 테넌트에 설치하고 터미널과 브라우저 결과를 확인합니다.레시피예제 열기02Resource 생성하기Resource를 생성해 App Menu에 공개하고 목록·폼·상세·Inspector 화면이 생기는 과정을 확인합니다.레시피예제 열기03Contributor 만들기Workshop Note에 게시·보관 권한을 추가하고 역할 편집기에 나타난 결과를 확인합니다.레시피예제 열기04Descriptor 만들고 수정하기Workshop Note의 typed 전자결재 binding과 문서 schema를 게시하고 도메인 양식에 나타난 결과를 확인합니다.레시피예제 열기05업무 프로세스 기여하기Workshop 동작을 BPMN Service Task catalog에 게시하고 App 소유 handler를 구현해 양쪽 등록을 검증합니다.레시피예제 열기06전자 결재에 기여하기Workshop Note binding·업무 양식 widget·App 제출 endpoint를 결재 작성 화면에 연결합니다.레시피예제 열기07전자 서명에 기여하기Workshop Note 이름을 전자 서명 Template 편집기에 나타나는 App 소유 데이터 소스로 게시합니다.레시피예제 열기