canavas : https://www.w3schools.com/graphics/canvas_intro.asp

실시간으로 그림을 그리거나 화면에 필기할 수 있는 인터랙티브 보드 기능을 제공합니다.
온라인 강의, 워크숍, 실시간 피드백 세션 등에서 활용하기 좋으며, 사용자 간의 동시 작업을 부드럽게 지원하도록 설계되었습니다.

## 설치 방법 ##

1. FTP 스킨 board에 업로드

2. 관리자 모드에서 canvas 적용

## 사용 방법 ##

1. 게시글 등록

2. view 페이지에 글 내용에 canvas 참여 클릭

3. 양방향이므로 브라우저 두 개 또는 모바일과 PC로 테스트 하시면 됩니다.

## 테스트 주소 ##

https://chat.designonex.com/bbs/board.php?bo_table=canvas

회원가입 후, 비밀글로 등록하고, 사용방법 3을 참고해서 테스트 하시면 됩니다.

플러그인 참고 : https://sir.kr/g5_plugin/14439

## 필독 공지 ##

지금부터는 JS 파일에서 절대 변경해서는 안 되는 핵심 설정에 대해 설명드리겠습니다.
이 부분은 메시지 브릿지 전체 기능의 기반이 되는 요소이므로, 반드시 끝까지 읽어주시길 바랍니다.

js소스에서 메시지 브릿지 서버와 연결하기 위한 중요한 설정이 포함되어 있습니다.
빨간색 표시된것은 시스템이 올바르게 작동하기 위해 반드시 필요한 고정값이며, 단 한 글자라도 수정하면 안 됩니다.

이 값들은 메시지 브릿지를 이루는 중앙 WebSocket 서버 주소, 세션 그룹 고유 구분자, 실시간 인증 구조와 연결되어 있습니다,

ws = new WebSocket(`wss://designonex.com:14147/?group=이곳은어디`);

이 URL에서 group= 뒤의 값은 메시지 브릿지에서 공간을 구분하는 고유 식별자 역할을 합니다.
즉, 이 부분은 사용자가 속한 ‘방(room)’입니다.

예를 들어, group 값에 내가 a를 할당하면, 다른 사용자가 같은 a를 사용할 경우 동일한 공간을 공유하게 됩니다.
따라서 내 계정과 세션만을 위한 ‘개인 공간’을 만들고 싶다면 유일한 값을 지정해야 합니다.

클라이언트에서는 보안을 위해서 토큰을 만들어야 안전한 서비스를 사용할 수 있습니다.

개발, 확장, 보안은 각각 클라이언트의 몫입니다.

메시지 브릿지(Message Bridge) 설명 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=4
메시지 브릿지는 무료 서비스: https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=9
메시지 브릿지 이용약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=5
메시지 브릿지 무료 사용 약관 : https://designonex.com/bbs/board.php?bo_table=real_time_bridge&wr_id=10