Skip to main content

화면 노드 개요

한눈에 보기

VEXPLOR Logic Studio는 11가지 화면 타입을 제공합니다. 테이블에 데이터를 저장했다면, 이제 화면 노드를 연결하여 사용자가 보고 조작할 수 있는 화면을 만듭니다.

소개

테이블이 데이터의 저장소라면, 화면은 데이터의 얼굴입니다. 같은 데이터라도 어떤 화면 타입을 선택하느냐에 따라 사용자 경험이 완전히 달라집니다.

목록으로 보여줄지, 양식으로 입력받을지, 대시보드로 시각화할지, 간트차트로 일정을 표현할지 -- 업무의 성격에 맞는 화면 타입을 선택하세요.

이렇게 보입니다

11��가지 화면 타입 비교

11가지 화면 타입의 대표 화면을 한눈에 비교한 모습입니다.

11가지 화면 타입 비교표

화면 타입용도핵심 특징대표 사용처
목록(List)데이터를 표로 조회검색, 필터, 정렬, 페이지네이션품목 목록, 주문 내역
양식(Form)데이터 입력/수정필드별 입력, 유효성 검사신규 등록, 정보 수정
상세(Detail)단건 데이터 조회읽기 전용, 깔끔한 레이아웃주문 상세, 품목 정보
전표(Document)헤더+라인아이템 문서서브테이블, 자동계산, 인쇄발주서, 입고전표
대시보드지표/차트 종합 보기KPI 카드, 차트, 위젯 조합생산 현황판, 매출 대시보드
마스터-디테일목록+상세 동시 보기왼쪽 목록 선택 → 오른쪽 상세거래처별 주문 이력
간트차트일정 시각화막대 차트, 드래그 조정생산 스케줄, 프로젝트 일정
피벗테이블교차 분석행/열 집계, 드릴다운월별 매출 분석
트리계층 구조 표시접기/펼치기, 드래그 이동조직도, BOM
그래프관계 네트워크노드/엣지 시각화Lot 추적, 공정 흐름
POP현장 대형 화면대형 글씨, 터치 최적화생산 현황, 칸반 보드

화면 타입 선택 가이드

어떤 화면 타입을 써야 할지 모르겠다면, 아래 흐름을 따라가세요:

사용자가 하고 싶은 일이...
데이터를 여러 건 조회?
목록(List)
데이터를 입력/수정?
양식(Form)
데이터 1건을 자세히 보기?
상세(Detail)
헤더+품목행 전표 작성?
전표(Document)
지표/차트를 한눈에?
대시보드(Dashboard)
목록에서 선택 → 상세 보기?
마스터-디테일
일정/스케줄 관리?
간트차트(Gantt)
데이터 교차 분석?
피벗테이블(Pivot)
계층 구조 탐색?
트리(Tree)
관계/흐름 시각화?
그래프(Graph)
현장 작업자 화면?
POP

화면 노드 사용 방법 (공통)

모든 화면 노드의 기본 사용법은 동일합니다:

1단계: 화면 노드 배치

  1. 왼쪽 팔레트에서 화면 카테고리를 펼칩니다
  2. 원하는 화면 타입의 노드를 캔버스로 드래그합니다

2단계: 테이블과 연결

  1. 화면 노드와 테이블 노드를 연결선으로 연결합니다
  2. 화면에 표시할 데이터의 출처가 지정됩니다

3단계: 화면 설정

  1. 화면 노드를 클릭하여 속성 패널을 엽니다
  2. 표시할 컬럼, 레이아웃 등을 설정합니다

4단계: 배포 및 확인

  1. 배포 버튼을 클릭합니다
  2. 실제 앱에서 화면을 확인합니다

업무별 추천 화면 조합

ERP (전사자원관리)

업무추천 화면 조합
품목 관리목록 + 양식
발주서 작성전표 + 목록
재고 현황대시보드 + 피벗테이블
거래처 관리마스터-디테일

MES (제조실행시스템)

업무추천 화면 조합
작업지시전표 + 목록
생산 스케줄간트차트
생산 현황POP + 대시보드
BOM 관리트리

WMS (창고관리시스템)

업무추천 화면 조합
입출고 전표전표 + 목록
재고 조회목록 + 피벗테이블
창고 구역 관리트리

QMS (품질관리시스템)

업무추천 화면 조합
검사 기록전표 + 목록
불량 분석대시보드
Lot 추적그래프

자주 묻는 질문

Q: 하나의 테이블에 여러 화면을 연결할 수 있나요? A: 네, 하나의 테이블에 목록, 양식, 상세, 전표 등 여러 화면을 동시에 연결할 수 있습니다.

Q: 화면 타입을 나중에 변경할 수 있나요? A: 화면 노드를 삭제하고 다른 타입의 화면 노드를 새로 연결하면 됩니다.

Q: 화면 없이 테이블만 사용할 수 있나요? A: 테이블만 배포할 수 있지만, 사용자가 데이터를 보거나 입력하려면 화면이 필요합니다.

다음 단계

각 화면 타입의 상세 설명을 확인하세요: