프로페셔널 의사결정 그래프 빌더 - 조건 분기 및 결정 트리 시각화 툴

의사결정 그래프(Decision Graph) 빌더는 복잡하게 얽힌 비즈니스 조건, 예외 분기, 승인 프로세스를 노드와 방향성 연결선으로 구조화하여 누구나 한눈에 파악할 수 있도록 돕는 실무형 시각화 도구입니다.

기획자, 개발자, 운영 담당자가 복잡한 분기 규칙을 텍스트나 말로 설명할 때 발생하는 논리적 누락과 커뮤니케이션 비용을 완전히 해소합니다.

🌟 주요 기능

1. 4가지 전용 노드 타입 지원:
   • 시작(Start): 전체 의사결정 워크플로우의 기점을 정의합니다.
   • 조건(Decision): 판단 질문 및 참/거짓 또는 다중 분기 기준을 입력합니다.
   • 선택지(Branch): 특정 조건에서 파생되는 다양한 실행 옵션을 구조화합니다.
   • 결과(Result): 최종 도달하는 의사결정 결과 및 후속 조치를 명시합니다.
2. 자유로운 인터랙티브 캔버스:
   • 상하좌우 연결 포트(Handle)를 드래그하여 직관적으로 방향성 화살표 엣지를 연결할 수 있습니다.
   • 마우스 휠 및 핀치 제스처를 통한 부드러운 줌(Zoom In/Out), 팬(Pan), 화면에 맞추는 Fit View를 지원합니다.
3. 실시간 그래프 유효성 검증(Validation Engine):
   • 시작 노드 누락, 연결되지 않은 고립 노드, 후속 분기가 없는 조건 노드, 결과 노드 미도달 등 논리적 오류를 실시간으로 탐지하여 리포트로 안내합니다.
4. 실무 및 일상 맞춤형 6종 내장 템플릿:
   • 신규 기능 출시 검토: QA 통과 및 부하 성능 지표에 따른 100% 롤아웃 vs 핫픽스 분기
   • 고객 환불/클레임 분기 트리: 구매일수, 단순 변심, 제품 결함에 따른 전액 환불/차감/반려 로직
   • 오늘 뭐 먹지? 메뉴 결정 트리: 혼밥 여부, 국물/면/밥, 맵기 선호도에 따른 식사 메뉴 선택
   • 주식 매수/매도/홀딩 투자 결정: 목표 수익률 도달(+15%), 손절선(-7%), 밸류에이션 저평가 기반 매매 원칙
   • 2단계 보안 인증(2FA) 분기: 로그인 기기 신뢰도 및 Geo-IP 이상 탐지 기반 접근 제어
   • 버그 심각도 분류 및 핫픽스: 결제/데이터 장애 여부 및 발생 빈도 기반 긴급 배포 결정
5. 취향과 환경에 맞춘 8종 고화질 테마 지원 (다크 모드 4종 포함):
   • 밝은 테마: 네오 옐로우(기본), 노르딕 슬레이트, 선셋 앰버, 도쿄 라벤더
   • 다크 테마 (눈이 편안한 고대비 다크 모드): 사이버펑크 네온, 옵시디언 모노크롬, 미드나잇 포레스트, 딥 스페이스 바이올렛
6. 실행 취소(Undo) 및 다시 실행(Redo):
   • 노드 이동, 엣지 연결, 속성 변경 등 모든 편집 작업에 대해 최대 40단계의 히스토리를 제공합니다.
7. 로컬 자동 저장 및 표준 JSON/이미지 내보내기:
   • 브라우저 LocalStorage에 실시간으로 작업 상태가 안전하게 보관됩니다.
   • 표준화된 JSON 스키마 내보내기/불러오기 및 고해상도 PNG/SVG 벡터 파일 다운로드를 지원합니다.

👥 어떤 사용자를 위한 도구인가요?

• 프로덕트 매니저 & 기획자: 신규 기능 배포 기준, 예외 상황 처리 룰, 사용자 온보딩 분기 설계
• 개인 투자자 & 트레이더: 뇌동매매를 방지하는 철저한 매수/익절/손절 원칙 트리 시각화
• 일상 의사결정이 고민인 분: 점심/저녁 식사 메뉴 결정, 주말 활동 선택 등 일상 플로우 매핑
• 소프트웨어 엔지니어 & 아키텍트: 상태 머신(State Machine), 결제 승인/거절 로직, API 에러 핸들링 플로우 모델링
• CS 및 운영 리드: 고객 클레임 접수, 환불 승인/차감/반려 가이드라인 트리 구축
• 보안 및 인프라 담당자: 2단계 인증(2FA) 분기, 이상 징후 탐지 및 접근 제어 정책 시각화

🛠️ 사용 방법 (How to Use)

1. 노드 추가: 좌측 팔레트에서 시작(Start), 조건(Decision), 선택지(Branch), 결과(Result) 노드를 클릭하거나 캔버스로 드래그하여 배치합니다.
2. 조건 및 내용 입력: 노드를 클릭하면 나타나는 우측 속성 패널에서 제목, 세부 설명, 조건 질문을 입력합니다.
3. 연결선(Edge) 생성: 노드의 상·하·좌·우에 위치한 원형 포트(●)를 드래그하여 연결하려는 대상 노드로 선을 잇습니다.
4. 분기 라벨 지정: 연결선을 선택한 후 Yes, No, 승인, 반려 등의 라벨 프리셋을 누르거나 직접 분기명을 입력합니다.
5. 흐름 검증: 좌측 하단의 ‘그래프 흐름 검증’ 패널에서 고립 노드나 미분기 조건이 없는지 확인하고 문제 항목을 클릭하여 해당 위치로 즉시 이동합니다.
6. 저장 및 내보내기: 상단의 ‘저장 / 내보내기’ 메뉴를 통해 JSON 데이터로 보관하거나 PNG/SVG 이미지로 내려받아 기획서나 보고서에 활용합니다.

❓ 자주 묻는 질문 (FAQ)

Q1. 작성 중인 의사결정 그래프 데이터는 서버에 저장되나요?

아닙니다. 본 도구는 100% 클라이언트 사이드 브라우저 환경에서 동작하며 모든 그래프 데이터는 사용자의 로컬 브라우저 저장소(LocalStorage)에만 안전하게 자동 보관됩니다. 외부 서버로 데이터가 전송되지 않아 내부 보안 정책이 엄격한 업무 환경에서도 안심하고 사용할 수 있습니다.

Q2. 모바일이나 태블릿 기기에서도 정상적으로 편집할 수 있나요?

네, 터치 드래그를 통한 노드 이동, 캔버스 패닝, 핀치 줌을 완벽하게 지원합니다. 또한 모바일 환경에서는 화면 크기에 맞춰 좌우 패널이 슬라이드 오버 형태로 전환되어 캔버스 작업 공간을 넓게 확보할 수 있습니다.

Q3. 그래프 데이터를 다른 개발 툴이나 코드와 연동할 수 있나요?

네, 본 앱은 nodes와 edges가 명확히 분리된 표준 JSON 구조로 데이터를 관리합니다. 상단 메뉴의 ‘JSON 내보내기’를 통해 추출한 데이터는 백엔드 규칙 엔진, 룰베이스 의사결정 시스템, 또는 프론트엔드 상태 플로우의 시드 데이터로 즉시 파싱하여 활용할 수 있습니다.