static 폴더 및 하위 파일 업로드

manual/guide.md

@@ -0,0 +1,58 @@
+# drawNET Premium 실무 가이드 (Advanced Engineering)
+
+본 가이드는 drawNET Premium 에디션을 사용하여 복잡한 네트워크 아키텍처와 시스템 토폴로지를 설계하는 엔지니어들을 위한 핵심 지침서입니다.
+
+---
+
+## 1. 핵심 철학: "Drawing for Context, Data for Mapping"
+drawNET은 단순한 다이어그램 도구가 아닙니다. **"시각적 아키텍처(Drawing)"**와 **"엔지니어링 데이터(Inventory)"**를 하나로 통합합니다. 
+- 모든 디자인 요소는 배후에 데이터 속성(IP, 모델, 상태 등)을 가지고 있으며, 이는 자동으로 보고서와 연동됩니다.
+
+---
+
+## 2. 캔버스 네비게이션
+- **스마트 팬닝**: 마우스 **우측 버튼** 드래그 또는 `Space` + 드래그로 캔버스를 이동합니다.
+- **정밀 줌**: `Ctrl` + 마우스 휠을 사용하여 **커서가 가리키는 지점**을 중심으로 확대/축소합니다.
+- **화면 맞춤**: `Ctrl + F`를 눌러 모든 요소를 한눈에 보이게 정렬합니다.
+
+---
+
+## 3. 지능형 자산(Asset) 활용
+- **패키지 관리**: 왼쪽 라이브러리 상단의 **필터 아이콘**을 클릭하여 필요한 제조사/분류 패키지만 활성화할 수 있습니다.
+- **카테고리 토글**: 카테고리 헤더를 클릭하여 사용하지 않는 자산 목록을 접어 가독성을 높이세요.
+- **Fixed Objects**: 기본 도형(`Rect`, `Circle`, `Text` 등)은 상단 고정 섹션에서 언제든 꺼내 쓸 수 있습니다.
+
+---
+
+## 4. 고급 조작 및 편집 (Gestures)
+- **즉시 복제 (Cloning)**: 노드를 선택한 후 **`Ctrl` + 드래그**하면 고스트 효과와 함께 즉시 복제본이 생성됩니다.
+- **중첩 선택 (Recursive Select)**: 복잡하게 겹쳐진 구간에서 **`Ctrl` + 우클릭**을 하면 해당 지점의 모든 객체 목록이 나타나 원하는 레이어를 정확히 선택할 수 있습니다.
+- **포맷 페인터 (Style Painter)**: 한 객체의 스타일을 다른 객체에 동일하게 적용하려면 `Ctrl + Shift + C`(복사) -> `Ctrl + Shift + V`(붙여넣기)를 사용하세요.
+
+---
+
+## 5. 레이어 시스템 (Standard vs Logical)
+drawNET Premium은 목적에 따른 두 가지 레이어 유형을 제공합니다.
+- **Standard Layer (물리)**: 실제 장비 배치 및 물리적 연결을 설계합니다.
+- **Logical Layer (논리)**: 보안 구역, 데이터 흐름, 서비스 연관도 등 추상적인 개념을 설계합니다. 이 레이어에서는 복제 시 데이터의 논리적 무결성이 보호됩니다.
+
+---
+
+## 6. 스마트 라우팅 (Connectivity)
+- **Manhattan (`Shift + A`)**: 장애물을 회피하는 직각 경로로 자동 연결합니다.
+- **Straight (`Shift + S`)**: 최단 거리 직선으로 연결합니다.
+- **선 스타일 전환**: 이미 그려진 선을 선택하고 `Alt + M`(Manhattan) 또는 `Alt + L`(Straight)로 즉시 변경할 수 있습니다.
+- **연결 해제**: 두 노드를 선택하고 `Shift + D`를 누르면 사이의 모든 연결이 제거됩니다.
+
+---
+
+## 7. 전문 보고서 및 인벤토리 추출
+설계가 완료되면 상단 메뉴를 통해 다음 형식으로 성과물을 내보낼 수 있습니다.
+- **PPTX 보고서**: 각 노드별 상세 설명과 인벤토리 통계가 포함된 고품질 발표 자료를 생성합니다.
+- **Excel 인벤토리**: 모든 자산의 상세 속성(IP, 모델, 태그 등)을 집계하여 관리 대장으로 활용합니다.
+- **Vectored Export**: PNG/SVG/PDF를 통해 깨짐 없는 고해상도 아키텍처 이미지를 확보합니다.
+
+---
+
+*최종 업데이트: 2026-03-22*
+*drawNET Engineering Team*

manual/rich_card.md

@@ -0,0 +1,50 @@
+# 리치 텍스트 카드(Rich Text Card) 활용 가이드 🃏
+
+'리치 텍스트 카드'는 아키텍처 도면의 **설명(구축 내역)**이나 **범례(Legend)**를 전문적으로 표현하기 위해 설계된 스마트 객체입니다.
+
+---
+
+## 1. 기본 사용법
+1.  **에셋 선택**: 왼쪽 '고정 오브젝트(Fixed Objects)' 목록 최하단의 **'리치 텍스트 카드'**를 캔버스로 드래그합니다.
+2.  **속성 편집**: 오브젝트를 선택하면 오른쪽 사이드바에 편집 메뉴가 나타납니다.
+3.  **내용 입력**: '내용' 칸에 텍스트를 입력하면 실시간으로 카드 본문에 반영됩니다. (줄바꿈 지원)
+
+---
+
+## 2. 카드 유형별 특징
+
+### ❶ 번호 매기기 (Numbered List)
+-   **용도**: 구축 내역, 작업 순서, 시스템 특징 나열 등.
+-   **특징**: 각 줄마다 헤더 색상과 동일한 **파란색 번호 박스**가 자동으로 생성됩니다.
+-   **팁**: 단순히 엔터(`\n`)로 줄을 나누기만 하면 번호가 순차적으로 부여됩니다.
+
+### ❷ 불렛 기호 (Bullet Points)
+-   **용도**: 일반적인 특징 설명, 비고 사항 등.
+-   **특징**: 깔끔한 원형(`●`) 불렛 기호가 각 줄 앞에 붙습니다.
+
+### ❸ 범례 모드 (Legend Mode) ⭐
+-   **용도**: 도면 하단의 기호 설명(범례) 작성.
+-   **특징**: 텍스트 기반의 특수 문법을 사용하여 **아이콘을 포함한 범례**를 자동으로 렌더링합니다.
+
+#### 💡 범례 모드 문법 (Syntax):
+본문에 아래와 같이 입력하세요:
+-   `- (circle:#색상코드) 설명` : 지정된 색상의 **원형** 아이콘 생성
+-   `- (rect:#색상코드) 설명` : 지정된 색상의 **사각형** 아이콘 생성
+-   `- (line:#색상코드) 설명` : 지정된 색상의 **가로 선** 아이콘 생성
+
+> **입력 예시:**
+> `- (circle:#10b981) 가동 중인 시스템`
+> `- (rect:#ef4444) 장애 발생 구역`
+> `- (line:#f97316) 외부 연동 구간`
+
+---
+
+## 3. 스타일 커스터마이징
+-   **헤더 제목**: 도면의 맥락에 맞게 '구축 내역', '범례' 등으로 수정하세요.
+-   **테마 색상**: 헤더의 색상 피커를 사용하여 프로젝트 테마에 맞게 색상을 변경할 수 있습니다. (테두리 색상도 자동으로 동기화됩니다.)
+-   **잠금 기능**: 배치가 완료된 후 'Locked'를 체크하면 의도치 않은 이동이나 삭제를 방지할 수 있습니다.
+
+---
+
+*최종 수정일: 2026-03-21*
+*drawNET Design System*

manual/shortcuts.md

@@ -0,0 +1,69 @@
+# drawNET Keyboard Shortcuts (Premium Edition)
+
+이 문서는 drawNET의 실제 시스템 설정(`hotkeys.json`)과 일치하는 최신 단축키 안내를 포함합니다.
+
+## 1. 기본 조작 및 뷰 (Navigation & View)
+
+| 단축키 | 기능 | 설명 |
+| :--- | :--- | :--- |
+| `Ctrl` + `F` | 화면 맞춤 (Fit) | 모든 노드가 화면에 들어오도록 줌 및 정렬 조정 |
+| `Ctrl` + `+` / `=` | 확대 (Zoom In) | 캔버스 확대 |
+| `Ctrl` + `-` | 축소 (Zoom Out) | 캔버스 축소 |
+| `Ctrl` + `Mouse Wheel` | 정밀 줌 | **마우스 커서 위치**를 중심으로 확대/축소 |
+| `Alt` + `0` | 인벤토리 패널 | 자산 수량 집계 패널 토글 |
+| `Alt` + `1` **또는** `Alt` + `Enter` | 속성 사이드바 | 선택된 오브젝트의 상세 속성 편집창 토글 |
+| `Alt` + `9` | 레이어 패널 | 논리적 계층 관리 및 가시성 제어 패널 토글 |
+| `Space` + `Drag` | 캔버스 팬닝 | 캔버스를 상하좌우로 자유롭게 이동 |
+| **`Right Click`** + `Drag` | **스마트 팬닝** | 마우스 우측 버튼 드래그로 즉시 팬닝 (문맥 메뉴와 구분됨) |
+| **`Ctrl` + `Right Click`** | **재귀적 오브젝트 선택** | 겹친 지점의 모든 오브젝트 목록을 보여줌 (Photoshop 스타일) |
+
+## 2. 편집 및 수정 (Editing)
+
+| 단축키 | 기능 | 설명 |
+| :--- | :--- | :--- |
+| `Delete` / `Backspace` | 삭제 | 선택된 노드 또는 선을 삭제 |
+| `Esc` | 모든 선택 해제 | 선택된 모든 요소를 해제하고 속성 창을 닫음 |
+| `Ctrl` + `Z` | 실행 취소 (Undo) | 마지막 작업 취소 |
+| `Ctrl` + `Y` / `Ctrl` + `Shift` + `Z` | 다시 실행 (Redo) | 취소한 작업 다시 실행 |
+| `Ctrl` + `C` | 복사 (Copy) | 선택된 오브젝트들을 클립보드에 복사 |
+| `Ctrl` + `V` | 붙여넣기 (Paste) | 복사된 오브젝트들을 마우스 위치에 붙여넣기 |
+| **`Ctrl` + `Drag`** | **즉시 복제 (Cloning)** | 선택된 노드를 드래그하여 즉시 복제 (고스트 효과 동반) |
+| `Ctrl` + `D` | 제자리 복제 (Duplicate) | 선택된 오브젝트를 제자리에 즉시 복제 |
+| `Ctrl` + `G` | 그룹화 (Group) | 선택된 노드들을 하나의 그룹으로 묶음 |
+| `F2` | 이름 변경 | 선택된 오브젝트의 **속성창 라벨 입력칸으로 포커스 이동** |
+| `Shift` + `A` | 자동 연결 (Manhattan) | 선택된 노드 사이를 장애물 회피 경로로 연결 |
+| `Shift` + `S` | 직선 연결 (Straight) | 선택된 노드 사이를 직선으로 연결 |
+| `Alt` + `M` | 선 스타일 전환 | 선택된 선을 Manhattan(자동) 스타일로 변경 |
+| `Alt` + `L` | 선 스타일 전환 | 선택된 선을 Straight(직선) 스타일로 변경 |
+| `Shift` + `D` | 연결 끊기 | 선택된 노드들 사이의 모든 연결 제거 |
+| `[` | 뒤로 보내기 | 선택된 오브젝트를 시각적으로 한 단계 뒤로 보냄 |
+| `]` | 앞으로 가져오기 | 선택된 오브젝트를 시각적으로 한 단계 앞으로 가져옴 |
+| `Ctrl` + `L` | 오브젝트 잠금 | 선택된 오브젝트의 이동 및 삭제 방지 (시각적 점선 표시) |
+| **`Ctrl` + `Shift` + `L`** | 자동 레이아웃 | 노드들을 계층 구조에 따라 자동으로 재배치 |
+| **`Ctrl` + `Shift` + `C`** | **포맷 복사** | 선택된 노드/엣지의 스타일(색상, 크기 등)을 복사 |
+| **`Ctrl` + `Shift` + `V`** | **포맷 붙여넣기** | 복사한 스타일을 선택한 대상에 즉시 적용 |
+
+## 3. 정렬 및 배치 (Alignment & Distribution)
+
+| 단축키 | 기능 | 설명 |
+| :--- | :--- | :--- |
+| `Shift` + `1` ~ `4` | 정렬 (Align) | 상단, 하단, 왼쪽, 오른쪽 정렬 |
+| `Shift` + `5` ~ `6` | 중앙 정렬 (Center) | 수직 중앙(Middle), 수평 중앙(Center) 정렬 |
+| `Shift` + `7` ~ `8` | 균등 배치 (Distribute) | 가로 간격 동일하게, 세로 간격 동일하게 배치 |
+
+## 4. 노드 이동 (Movement)
+
+| 단축키 | 기능 | 설명 |
+| :--- | :--- | :--- |
+| `Arrow Keys` | 미세 이동 | 선택된 노드를 5px 단위로 정밀 이동 |
+| `Shift` + `Arrow Keys` | 격자 이동 | 선택된 노드를 그리드 설정 간격으로 이동 |
+
+## 5. 파일 관리 (File Management)
+
+| 단축키 | 기능 | 설명 |
+| :--- | :--- | :--- |
+| `Ctrl` + `S` | 저장 (Export) | 현재 상태를 `.dnet` JSON 파일로 내보내기 |
+| `Ctrl` + `O` | 불러오기 (Import) | `.dnet` 파일 불러오기 |
+
+---
+