DabitONe 매뉴얼

전체 화면 구조

5 min read

전체 화면 구조

DabitONe 실행 시 보이는 화면 구성과 주요 UI 용어를 한 페이지로 정리. 자세한 컨트롤 하나하나는 UI 레퍼런스에서.

화면 레이아웃

┌───────────────────────────────────────────────────────┐
│ 상단 상태 영역  (연결 상태·토스트 알림)               │
├──────┬────────────────────────────────────────────────┤
│ 사이드바 │                                            │
│          │     메인 콘텐츠 영역                       │
│ [통신]   │     (선택된 탭에 따라 바뀜)                │
│ [설정]   │                                            │
│ [전송]   │                                            │
│ [편집]   │                                            │
│ [고급]   │                                            │
│          │                                            │
└──────┴────────────────────────────────────────────────┘

사이드바 5 그룹

DabitONe의 가장 중요한 UI 개념. 왼쪽에 세로로 배열된 5개의 라디오 버튼이 작업의 흐름 순서를 나타냅니다.

순서탭역할언제 쓰나
1[통신]컨트롤러와 연결매일 첫 작업
2[설정]화면 크기·색상 깊이 설정설치 시 1회, 이후 거의 안 씀
3[전송]메시지·스케줄 보내기매일 콘텐츠 업데이트 시
4[편집]콘텐츠(텍스트·이미지·GIF) 제작콘텐츠 새로 만들 때
5[고급]펌웨어·로그·진단문제 발생 시, 펌웨어 갱신 시

**이 DabitONe 실행 시 기본 선택되어 있습니다. 연결이 성공해야 나머지 탭의 기능이 실제 컨트롤러에 반영됩니다.

주요 UI 용어

그룹박스 (GroupBox)

회색 테두리로 둘러싸인 컨트롤 묶음. 헤더에 제목(또는 라디오 버튼)이 있고 내부에 관련 컨트롤이 모여 있습니다. 예: 통신 탭의 Serial, Client TCP/IP 그룹박스.

라디오 버튼

여럿 중 하나만 선택 가능. 그룹박스 헤더에 들어가 있을 때는 해당 그룹의 활성화 상태를 나타냅니다.

드롭다운 (ComboBox)

클릭하면 목록이 펼쳐지는 선택 컨트롤. 예: 포트, 속도, 응답시간.

입력 필드 (TextBox)

문자·숫자를 타이핑하는 컨트롤. 예: IP Address, IP Port.

체크박스 (CheckBox)

켜거나 끄는 토글. 예: RS-485 Address, KeepOpen.

토스트 알림

화면 하단 또는 우측 하단에 잠깐 뜨는 색상 알림.

  • 🟢 녹색 = 성공 (예: “연결 테스트 성공”)
  • 🟡 노란색 = 경고·응답 없음
  • 🔴 빨간색 = 실패·오류

상태 영역

화면 상단에 고정된 영역. 현재 연결 상태와 프로토콜을 항상 표시합니다.

  • “연결됨 (Serial)” 녹색
  • “연결됨 (Client TCP/IP)” 녹색
  • “연결 안됨” 빨간색

탭 간 공통 작업

다크/라이트 테마

고급 → 테마에서 전환 가능. 야간 작업 환경 또는 선호에 따라.

설정 영속성

각 탭에서 입력하거나 변경한 값은 대부분 자동 저장되어 다음 실행 시 복원됩니다. 별도 “저장” 버튼 없음.

단축키

키동작
Ctrl+Enter현재 탭의 주요 액션 (예: 전송, 연결 테스트)
Ctrl+S편집 중인 콘텐츠 저장
F5연결 상태 새로고침
← / →투어 페이지에서 스텝 이동

다음 단계

그래프 뷰

백링크