> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nora.my/llms.txt
> Use this file to discover all available pages before exploring further.
# Flow 캔버스
> 블록을 끌어다 놓고, 잇고, 배치하는 끝없는 작업 공간
캔버스는 주된 작업 공간입니다. 끝없는 2D 평면이고, 여기에 블록을 올리고 그 사이를 연결로 이으며, 만든 모든 것을 한눈에 봅니다.
## 블록 넣기
캔버스 위쪽에 **블록 툴바**가 있습니다. 아이콘을 누르면 화면 가운데에 그 블록이 떨어집니다. 이렇게도 됩니다.
* 툴바 아이콘을 캔버스로 바로 **끌어다** 원하는 자리에 놓기.
* 캔버스 아무 데나 **우클릭** 해 그 자리에 블록 픽커 열기.
* 고른 블록을 `Cmd+D`(macOS) / `Ctrl+D`(Windows/Linux)로 **복제**.
## 고르기와 옮기기
* 블록을 눌러 고릅니다. 오른쪽 인스펙터 패널이 열립니다.
* 끌어서 자리를 옮깁니다. 옅은 그리드에 붙습니다.
* `Shift+Click` 하거나 빈 곳에서 상자를 그어 여럿을 고릅니다.
* 방향키로 고른 것을 옮깁니다. `Shift`를 누르면 더 크게 움직입니다.
## 팬과 줌
* 트랙패드 두 손가락 드래그나 빈 곳 클릭드래그로 **팬** 합니다.
* `Cmd`+스크롤(또는 트랙패드 핀치)으로 **줌** 합니다. 25%에서 200% 사이입니다.
* `F`로 **뷰에 맞춤** 합니다. 모든 블록을 가운데 두고 알맞은 줌을 잡습니다.
* `0`으로 **줌을 초기화** 합니다.
## 블록으로 맞추기
캔버스 오른쪽 아래에 **블록으로 맞추기** 버튼이 있습니다. 누르면 모든 블록이 한 화면에 들어오도록 뷰포트를 옮기고 줌을 잡아 줍니다. Flow가 한 화면을 넘길 만큼 커졌거나, 멀리 팬 해서 블록을 놓쳤을 때 좋습니다.
## 키보드 단축키
| 키 | 동작 |
| ----------------------- | -------------------- |
| `V` | 선택 도구(기본) |
| `H` | 팬 도구(스페이스로도 잠깐 됩니다) |
| `Cmd+D` | 고른 것 복제 |
| `Delete` / `Backspace` | 고른 블록 지우기 |
| `Cmd+Z` / `Cmd+Shift+Z` | 실행 취소 / 다시 실행 |
| `Cmd+/` | 이름으로 블록 찾기 |
| `F` | 뷰에 맞춤 |
| `0` | 줌 100%로 초기화 |
| `Cmd+S` | 저장(자동 저장되지만 강제로 스냅샷) |
## 함께 있는 표시
같은 Flow를 고치는 팀원이 있으면, 그 사람이 보고 있는 블록 근처에 아바타가 떠 있습니다. 커서는 실시간으로 보입니다.
## 큰 Flow 정리하기
* **그룹** 블록을 상자로 골라 `G`를 눌러 묶습니다. 그룹은 라벨 붙은 타일로 접혀, 복잡한 서브플로우가 깔끔해집니다.
* **노트** `N`을 눌러 캔버스 아무 데나 떠 있는 텍스트 노트를 놓습니다. TODO나 팀원용 설명에 좋습니다.
* **색 라벨** 블록을 우클릭해 색을 답니다. 소유자, 도메인, 상태로 블록을 표시할 때 좋습니다.