[Docker] Whiteboard 를 구축하여, 칠판처럼 사용하자

Whiteboard 는 쉽게 사용자 정의할 수 있는 가벼운 NodeJS 협업 화이트보드/스케치보드입니다

기능

• 그리는 동안 원격 사용자 커서 표시
• 사용자별 실행 취소/다시 실행 기능
• 드래그 + 드롭 / 복사 + 붙여 넣기 PC 및 브라우저에서 이미지 또는 PDF
• 크기 조정, 이동, 회전 및 캔버스 또는 배경에 이미지 그리기
• 텍스트 및 스티커 메모 작성
• 화이트보드를 이미지 및 JSON에 저장
• 그리는 동안 "Shift"를 눌러 각도 선을 그립니다(선 도구 사용).
• 그리는 동안 "Shift"를 눌러 정사각형 그리기(직사각형 도구 사용)
• 참여하는 가장 작은 화면을 보여주는 표시기
• 모든 기능에 대한 키 바인딩
• REST API
• PC, 태블릿 및 모바일에서 작업하기

결과	윈도우와 리눅스	macOS
화이트보드 지우기	Ctrl + Shift + Z	Command + Shift + Z
마지막 단계 실행 취소	Ctrl + Z	명령 + Z
마지막 실행 취소 다시 실행	Ctrl + Y	명령 + Y
지역 선택	Ctrl + X	명령 + X
마우스를 가져 가라.	Ctrl + M	커맨드 + M
펜을 가져 가라.	Ctrl + P	명령 + P
선 그리기	Ctrl + L	커맨드 + L
직사각형 그리기	Ctrl + R	커맨드 + R
원 그리기	Ctrl + C	명령 + C
선, 직사각형 및 원 사이를 전환합니다.	Ctrl + Shift + F	명령 + Shift + F
펜과 지우개 사이 전환	Ctrl + Shift + X	명령 + Shift + X
주요 clolors (검정, 파랑, 녹색, 노랑 및 빨강) 사이를 전환합니다.	Ctrl + Shift + R	명령 + Shift + R
텍스트 쓰기	Ctrl + A	명령 + A
지우개를 가져 가라.	Ctrl + E	커맨드 + E
두께 늘리기	Ctrl + 위쪽 화살표	Command + 위쪽 화살표
두께 감소	Ctrl + 아래쪽 화살표	Command + 아래쪽 화살표
컬러피커	Ctrl + Shift + C	명령 + Shift + C
블랙 색상 설정	Ctrl + Shift + 1	명령 + Shift + 1
파란색 설정	Ctrl + Shift + 2	명령 + Shift + 2
녹색 설정	Ctrl + Shift + 3	명령 + Shift + 3
노란색 설정	Ctrl + Shift + 4	명령 + Shift + 4
붉은 색 설정	Ctrl + Shift + 5	명령 + Shift + 5
화이트보드를 이미지로 저장	Ctrl + S	커맨드 + S
화이트보드를 JSON으로 저장	Ctrl + Shift + K	명령 + Shift + K
WebDav에 화이트보드 저장	Ctrl + Shift + I (i)	명령 + Shift + I (i)
저장된 JSON을 화이트보드에 로드	Ctrl + Shift + J	커맨드 + 시프트 + J
화이트보드 공유	Ctrl + Shift + S	명령 + Shift + S
도구 모음 숨기기 또는 표시	탭	탭
선택한 개체를 위로 이동	위쪽 화살표	위쪽 화살표
선택한 개체를 아래로 이동	아래쪽 화살표	아래쪽 화살표
선택한 개체를 왼쪽으로 이동	왼쪽 화살표	왼쪽 화살표
선택한 개체를 오른쪽으로 이동	오른쪽 화살표	오른쪽 화살표
Drop 객체	Ctrl + 엔터 버튼	커맨드 + 엔터 버튼
배경에 이미지 추가	Shift + Enter	Shift + Enter
모든 작업 취소	탈출	탈출
선택한 개체 삭제	삭제하다	삭제하다
펜이 활성 상태일 때 선 도구 사용(변경 불가)	Shift(보류)	Shift(보류)

 

rofl256/whiteboard - Docker Image | Docker Hub

Docker

 

[Docker] 도커의 모든 것, 도커 추천 이미지!!! (tistory.com)

[Docker] 도커의 모든 것, 도커 추천 이미지!!!

 

docker-compose.yml 파일

docker-compose.yml

version: '3.3'
services:
    whiteboard:
        ports:
            - '8080:8080'
        image: rofl256/whiteboard

 

docker-compose 시작

docker-compose up -d

서비스 확인

 

서비스 URL 접속

http://[서버 IP]:8080

서비스 URL 접속

 

docker-comopse 중지

docker-compose down