MB Mockup 1.0.0은 Message Bridge 기반으로 실시간 협업과 상호작용이 가능한 웹/앱 UI 목업 툴로, 팀 프로젝트 화면 설계, UX 테스트, 온라인 강의 시연 등 다양한 실시간 작업에 최적화되어 있습니다.

실시간 MB Mockup – 라이선스 정책

1. 내부 활용 및 추가 개발은 무료
귀사 내부에서 MB Mockup을 활용하거나, 기능을 추가·수정하여 사용하시는 경우에는 별도의 라이선스 비용이 발생하지 않습니다.
단, 상업적 목적(상용 서비스 제작, 제품화, 재판매 등) 으로 이용하고자 할 경우,
“영구 개발 라이선스(Permanent Development License)” 를 반드시 구매하셔야 합니다. (별도 문의)

2. 약관 동의 의무
영구 개발 라이선스 구매 여부와 관계없이,
메시지 브릿지(Message Bridge)의 모든 정책 및 약관에 대한 동의는 필수입니다.

## 설치 방법 ##

1. FTP 스킨 board 폴더에 업로드

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

## 사용 방법 ##

1. 게시글 등록

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

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

## 필독 공지 ##

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