HTNC Serial Master v2 - 시리얼 통신 테스트 프로그램 다운로드 하셔서 크롬으로 실행하여 사용하세요.
============================================== HTNC Serial Master v2 - 시리얼 통신 테스트 프로그램 Version: VER_20260506_002 Date: 2026-05-06 ==============================================
[ v1 → v2 변경사항 ] ■ 빠른 전송 버튼: 10개 → 20개 (5x4 그리드) ■ UI에서 버튼 직접 수정/저장 기능 추가 - 버튼 위에 마우스를 올리면 ✎ 편집 아이콘 표시 - 빈 버튼 클릭 시 바로 추가 모달 열림 - 모달에서 이름/송신데이터 수정 후 저장 - HEX/ASCII 자동 감지 + 실시간 미리보기 - 변경 사항은 localStorage에 자동 저장 ■ 샘플 CSV: 10개 → 20개 항목으로 확장 ■ 키보드 단축키: ESC(취소), Ctrl+Enter(저장)
[ 실행 방법 - PC ] 1. Chrome 또는 Edge 브라우저에서 HTNC_SerialMaster.html 더블클릭 2. [+ 포트추가] 버튼 클릭 → 시리얼 포트 선택 3. Baudrate 등 통신 파라미터 설정 4. [연결] 버튼 클릭
[ 실행 방법 - 안드로이드 ] 1. Chrome for Android 사용 2. USB-OTG 어댑터로 USB-Serial(FT232/CP210x/CH340) 연결 3. 본 HTML 파일을 Chrome에서 열기 4. chrome://flags/#enable-experimental-web-platform-features 활성화 권장
[ 빠른 전송 버튼 - UI 직접 편집 ] 방법 1: 버튼 클릭 (빈 버튼 → 바로 편집 모달) 방법 2: 버튼 우측 상단 ✎ 아이콘 클릭 방법 3: CSV 파일 일괄 가져오기
편집 모달 기능: - 버튼 이름 (최대 20자) - 송신 데이터 + 형식 토글 (자동/ASCII/HEX) - 실시간 미리보기 (HEX, ASCII 결과 + 바이트 수) - 형식 검증 (HEX 길이 오류 등 즉시 표시) - [저장] localStorage 자동 저장 - [삭제] 해당 버튼 비우기 - [취소] 변경 무시
[ 주요 기능 ] ■ 빠른 전송 탭 (첫 화면) - 5x4 = 20개 사용자 정의 버튼 - UI 직접 수정/저장 (모달 다이얼로그) - CSV 가져오기/내보내기 - HEX/ASCII 자동 감지 - 설정은 브라우저 localStorage에 자동 저장
■ 송신/수신 탭 - HEX / ASCII 토글로 송신 형식 변경 - CR/LF 자동 추가 옵션 - 수신 데이터: HEX | ASCII 동시 표시 - 타임스탬프 옵션
■ 설정 탭 - 로그 저장 폴더 선택 (File System Access API) - 100KB 단위 자동 파일 분할 - 파일명: RECV_YYYYMMDD_HHMMSS.txt - 표시 형식, 줄바꿈, HEX 구분자 설정 - 버튼 설정 JSON/CSV 백업
■ 디버깅 창 (화면 하단 고정) - 모든 송수신 데이터 실시간 로그 - TX/RX 바이트 카운터 - 로그 저장 기능
[ 통신 파라미터 ] - Baudrate: 1200 ~ 921600 bps - Data Bits: 7, 8 - Stop Bits: 1, 2 - Parity: None, Even, Odd - Flow Control: None, RTS/CTS - 버퍼 크기: 255 ~ 8192
[ CSV 파일 형식 ] 헤더: 버튼명,송신데이터 예시: 시작명령,02 30 31 03 상태조회,STATUS?
* HEX 형식: "02 30 31 03" 또는 "02303103" (자동 감지) * ASCII 형식: 일반 텍스트 * 첫 줄(헤더)는 자동 무시 * 한글 사용 시 UTF-8 with BOM 권장 * 최대 20개까지 적용
[ 로그 파일 ] - 파일명: RECV_YYYYMMDD_HHMMSS.txt 예: RECV_20260506_151200.txt - 100KB 도달 시 자동 새 파일 생성 - 형식: [ISO타임스탬프] [TX/RX] HEX: ... | ASCII: ...
[ 디자인 ] - HTNC 로고 그린 컬러 (다크그린 #1B5E20, 그린 #2E7D32) - 1920x1080 데스크탑 최적화 - 안드로이드 반응형 (768px 이하 자동) - 다크 톤의 수신창, 밝은 톤의 컨트롤 영역 - 부드러운 애니메이션 및 토스트 알림
[ 키보드 단축키 ] - Enter (송신 입력창): 즉시 전송 - ESC (편집 모달): 취소 - Ctrl+Enter (편집 모달): 저장
[ 브라우저 호환성 ] - ✓ Chrome 89+ (Windows/Mac/Linux/Android) - ✓ Edge 89+ - ✗ Firefox (Web Serial API 미지원) - ✗ Safari (Web Serial API 미지원)
| 
