기본 조작법
캔버스 조작은 세 가지만 기억하세요: 드래그로 노드를 꺼내고, 연결로 관계를 만들고, 클릭으로 설정을 바꿉니다.
소개
VEXPLOR Logic Studio의 캔버스 조작은 직관적입니다. 마우스 드래그와 클릭만으로 앱의 전체 구조를 설계할 수 있습니다. 이 문서에서는 가장 기본적인 조작 방법을 하나씩 알아봅니다.
노드 배치하기
드래그 앤 드롭으로 노드 추가
왼쪽 팔레트에서 노드를 캔버스로 드래그하여 배치합니다.
- 왼쪽 노드 팔레트에서 원하는 카테고리를 펼칩니다
- 사용할 노드를 마우스로 클릭한 채 드래그합니다
- 캔버스의 원하는 위치에서 마우스를 놓으면 노드가 배치됩니다
노드를 배치할 때 위치는 크게 중요하지 않습니다. 나중에 언제든지 이동할 수 있고, 관련 있는 노드끼리 가까이 두면 보기 편합니다.
노드 이동하기
이미 배치된 노드를 다른 위치로 옮기려면:
- 이동할 노드를 클릭한 채 드래그합니다
- 원하는 위치에서 마우스를 놓습니다
여러 노드를 한꺼번에 이동하려면:
- 캔버스 빈 공간에서 드래그하여 사각형 영역을 그립니다
- 영역 안의 노드들이 모두 선택됩니다 (파란색 테두리)
- 선택된 노드 중 하나를 드래그하면 전체가 함께 이동합니다
노드 복사하기
| 방법 | 조작 |
|---|---|
| 단축키 복사 | 노드 선택 → Ctrl+C → Ctrl+V |
| 드래그 복사 | Alt 키를 누른 채 노드를 드래그 |
노드 연결하기
한 노드에서 다른 노드로 드래그하면 연결선이 만들어집니다.
노드와 노드를 연결하면 데이터 관계가 생깁니다. 예를 들어 "발주서" 테이블과 "발주품목" 테이블을 연결하면 1:N 관계가 만들어집니다.
연결 방법
- 첫 번째 노드의 연결 포인트(노드 가장자리의 작은 원)에 마우스를 가져갑니다
- 연결 포인트에서 클릭한 채 드래그를 시작합니다
- 두 번째 노드의 연결 포인트까지 끌어다 놓습니다
- 연결선이 만들어지면서 관계 설정 패널이 자동으로 열립니다
연결선 확인 및 수정
| 조작 | 방법 |
|---|---|
| 연결선 선택 | 연결선을 클릭 |
| 관계 설정 변경 | 연결선 클릭 → 우측 속성 패널에서 수정 |
| 연결선 삭제 | 연결선 선택 → Delete 키 |
연결선을 삭제하면 관련된 화면 설정(서브테이블, FK 드롭다운 등)도 함께 사라질 수 있습니다. 삭제 전에 확인하세요.
노드 설정 변경하기
노드를 클릭하면 오른쪽에 속성 패널이 열리고, 여기서 상세 설정을 변경합니다.
- 캔버스에서 설정을 변경할 노드를 클릭합니다
- 오른쪽 속성 패널이 열립니다
- 원하는 설정을 변경합니다
- 변경 사항은 자동 저장됩니다 (별도 저장 버튼 불필요)
노드 삭제하기
| 방법 | 조작 |
|---|---|
| 단일 삭제 | 노드 클릭 → Delete 키 또는 Backspace 키 |
| 여러 개 삭제 | 영역 선택으로 여러 노드 선택 → Delete 키 |
| 우클릭 메뉴 | 노드 우클릭 → "삭제" 선택 |
테이블 노드를 삭제하면 연결된 화면 노드, 관계, 워크플로우 등이 모두 영향을 받습니다. 이미 배포된 테이블을 삭제할 때는 특히 주의하세요.
실행취소/다시실행
실수로 잘못된 조작을 했을 때는 바로 되돌릴 수 있습니다.
| 조작 | 단축키 | 설명 |
|---|---|---|
| 실행취소 | Ctrl+Z | 마지막 조작을 되돌립니다 |
| 다시실행 | Ctrl+Y 또는 Ctrl+Shift+Z | 되돌린 조작을 다시 실행합니다 |
저장과 배포
저장
캔버스의 현재 상태를 저장합니다. 저장은 설계 내용만 저장하며, 실제 사용자에게 반영되지는 않습니다.
- 단축키:
Ctrl+S - 도구모음: 상단의 "저장" 버튼 클릭
배포
설계한 앱을 실제 사용자가 사용할 수 있도록 반영합니다.
- 도구모음: 상단의 "배포" 버튼 클릭
- 배포하면 데이터베이스 테이블이 생성되고, 화면이 활성화됩니다
배포 후에는 일부 변경(예: 컬럼 타입 변경, 컬럼 삭제)이 제한될 수 있습니다. 가능하면 설계를 충분히 검토한 후 배포하세요.
단축키 모음
| 단축키 | 기능 |
|---|---|
Ctrl+Z | 실행취소 |
Ctrl+Y | 다시실행 |
Ctrl+S | 저장 |
Ctrl+C / Ctrl+V | 복사 / 붙여넣기 |
Delete | 선택 항목 삭제 |
Ctrl+A | 전체 선택 |
| 마우스 휠 | 줌인/줌아웃 |
| 스페이스 + 드래그 | 캔버스 이동(팬) |
실무 예시
상황: WMS(창고관리시스템)를 처음 만들어 봅니다.
1단계 - 테이블 배치
- 팔레트에서 테이블 노드를 3개 꺼냅니다
- 각각 "창고", "입고전표", "입고품목"으로 이름을 지정합니다
2단계 - 관계 연결
- "입고전표"에서 "입고품목"으로 연결선을 긋습니다 (1:N 관계)
- "창고"에서 "입고전표"로 연결선을 긋습니다 (1:N 관계)
3단계 - 화면 추가
- 팔레트에서 화면 노드를 꺼내 "입고전표" 테이블에 연결합니다
- 화면 타입을 "전표"로 설정합니다
4단계 - 배포
- 상단 "배포" 버튼을 클릭합니다
- 실제 앱에서 입고전표를 작성할 수 있습니다
자주 묻는 질문
Q: 노드를 캔버스에 놓았는데 아무 반응이 없어요. A: 노드를 클릭한 후 오른쪽 속성 패널을 확인하세요. 이름이나 타입 등 기본 설정이 필요할 수 있습니다.
Q: 배포 버튼을 눌렀는데 오류가 발생해요. A: 필수 설정이 빠져있을 수 있습니다. 테이블에 컬럼이 있는지, 화면에 연결된 테이블이 있는지 확인하세요.
Q: 이미 배포한 테이블의 컬럼을 수정할 수 있나요? A: 컬럼 추가는 자유롭게 가능합니다. 단, 기존 컬럼의 타입 변경이나 삭제는 데이터가 있을 경우 제한될 수 있습니다.