Sketchboard 업데이트 안내 

디자인과 UI 개선

• 기존 단순한 칠판 형태에서 세련된 상단 툴바와 사이드 패널이 생겼습니다.
• 버튼, 패널, 색상 선택 등 모든 UI가 투명 유리 느낌(Glass UI)과 그림자 효과로 보기 좋게 바뀌었습니다.
• 모바일에서도 편하게 사용할 수 있도록 반응형 레이아웃과 패널 자동 숨김 기능이 추가되었습니다.

브러시와 도구 확장

• 기존 4종 펜 → 연필, 붓, 마커, 만년필, 형광펜, 에어브러시, 크레용, 지우개 등 다양한 도구 추가.
• 필압 지원으로 태블릿이나 아이패드에서 더 자연스러운 필기감 제공.
• 단순한 선 그리기 외에 직선, 사각형, 원 등 도형 도구 추가.

그리기 편의 기능

• Undo/Redo 기능으로 실수했을 때 이전 상태로 되돌릴 수 있습니다.
• 클립보드 복사 및 붙여넣기 지원 → 그림을 다른 문서나 앱에 바로 사용 가능.
• 이미지 저장 기능으로 완성한 그림을 PNG 파일로 다운로드 가능.
• 배경색과 펜 색상, 두께를 자유롭게 조절할 수 있습니다.

성능 최적화

• 화면 해상도에 따라 성능을 조절할 수 있는 고해상도 제한 옵션 추가.
• 모바일과 데스크탑 모두 부드럽고 안정적인 캔버스 제공.

실시간 협업 유지

• WebSocket 연동으로 다른 사용자와 실시간으로 그림 공유 가능.
• 배경색이나 도구 변경도 실시간으로 동기화됩니다.

## 설치방법 ##

1. 다운로드 

2. 압축 해제

3. FTP에 skin/board 에 업로드

4. 게시판 관리자 모드에서 스킨 canvas로 변경

## 사용방법 ##

1. 글 등록

2. 뷰페이지에서 canvas 참여 클릭

3. 스케치보드 이용

혹시 좋은 아이디어가 있으시다면 언제든지 남겨주세요.
검토 후, 제작이 가능한 요청이라면 최대한 반영하도록 하겠습니다.

번거로우시겠지만, 요청은 디자인원엑스 질답게시판을 통해 남겨주시면 감사하겠습니다. 양해 부탁드립니다.

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

## 필독 공지 ##

지금부터는 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