대본 기획 도우미▸ 
AI 앱 
AI 뉴스 
Drawnix: 오픈소스 무료 화이트보드 도구
Drawnix: 오픈소스 무료 화이트보드 도구소개
Drawnix는 Plait 프레임워크 기반의 오픈소스 무료 화이트보드 도구로, 이름은 "그리기"와 "불사조의 불로 환생"에서灵感를 얻어 만들어졌으며 창의력과 혁신을 상징합니다. 마인드맵, 플로우차트, 자유 드로잉 등의 기능을 갖추고 있으며 플러그인 확장을 지원하고 다양한 UI 프레임워크에适配 가능합니다.
자동 저장 기능이 있고 무한 캔버스를 제공하며 실행 취소와 다시 실행이 가능하고 PNG, JPG, JSON 등 형식으로 내보내기를 할 수 있습니다. 테마 모드가 있으며 모바일 기기에서도 사용할 수 있습니다. 사용자는 Docker로 배포하거나 로컬에서 실행할 수 있으며, cpolar 등의 도구를 통해 원격 접속도 가능합니다. 개인 학습 노트 작성, 팀 협업, 교육 등의场景에 적합합니다.
Drawnix 특징
무료 오픈소스: MIT 라이선스를 기반으로 하여 무료 사용 및二次开发이 가능
풍부한 기능: 마인드맵, 플로우차트, 자유 붓놀림, 이미지 삽입 등을 지원
플러그인 아키텍처: 플러그인 기반 설계를 채택하여 기술 아키텍처는 다소 복잡하지만 확장성이 뛰어남
다중 프레임워크 지원: 다양한 UI 프레임워크(예: Angular, React) 및 리치 텍스트 프레임워크 통합 가능(현재는 Slate만 지원)
내보내기 기능: PNG 이미지 및 JSON 형식(.drawnix)으로 내보내기 가능
편집 기능: 실행 취소, 다시 실행, 복사, 붙여넣기 등의 작업 지원
무한 캔버스: 확대/축소, 스크롤 가능하며 무한 캔버스 조작 경험 제공
테마 모드: 테마 전환 가능
디바이스 적응: 모바일 기기 적응
Drawnix 주요 기능
다중 사용자 협업: 여러 사람이 동시에 같은 화이트보드에서 온라인으로 그리거나 편집, 주석 작성을 할 수 있도록 지원.
풍부한 드로잉 도구: 붓, 도형 그리기 도구(사각형, 원, 화살표 등), 텍스트 도구 등이 있어 필요에 따라 선택 가능.
다양한 배경 템플릿: 그리드, 점 격자, 빈 화면 등 배경 템플릿을 제공하여 정밀한 드로잉과 레이아웃에 편리.
파일 가져오기 및 내보내기: PNG, JPG 등 이미지를 배경이나 참고 이미지로 가져올 수 있으며, 이미지나 벡터 그래픽으로 내보내기 가능하여 저장과 공유가 편리.
사용자 정의 도구 모음: 사용 습관에 따라 도구 모음 레이아웃과 도구 배열 순서를 사용자 정의 가능.
구문 변환: mermaid 구문을 플로우차트로, markdown 텍스트를 마인드맵으로 변환 지원.
Drawnix 사용 场景
온라인 교육: 교사가 이를 통해 온라인 수업을 진행하고 실시간으로讲解 및 시연할 수 있으며 학생은 화이트보드에서 질문하며 상호작용 가능.
원격 회의: 참석자가 실시간으로 토론 및 협업하며 드로잉, 플로우차트 작성 등을 통해 생각을 직관적으로 표현 가능.
프로젝트 기획: 팀원이 마인드맵, 플로우차트를 그려 프로젝트 아이디어와 프로세스를 정리 가능.
크리에이티브 디자인: 디자이너가 화이트보드에서 스케치를 그리고 주석을 달아 디자인 아이디어를 빠르게 표현 가능.
Drawnix 사용 방법
설치 및 배포: 오픈소스 코드 저장소에서 코드를 다운로드하고 설명에 따라 설치 및 배포한 후 브라우저를 통해 접속하여 사용.
화이트보드 생성: 로그인 후 새로운 화이트보드를 만들고 적합한 배경 템플릿과 도구 모음 레이아웃을 선택.
협업 초대: 공유 링크를 통해 또는 다른 사람을 초대하여 다중 사용자 실시간 드로잉 및 편집 실현.
저장 및 공유: 언제든지 내용을 저장할 수 있으며 이미지나 벡터 그래픽으로 내보내 다른 사람과 공유 가능.
Docker를 통해 Drawnix를 배포하는 방법은?
방법 1: 이미 빌드된 이미지를 사용하여 배포
1. 이미지 가져오기: Docker Hub에서 이미지를 가져옵니다. 예를 들어 docker pull ydxian/drawnix:latest를 실행합니다.
2. docker-compose.yml 파일 생성: 로컬에 해당 파일을 새로 만들고 내용은 다음과 같습니다.
plaintext version: '3' services: drawnix: image: ydxian/drawnix:latest container_name: drawnix restart: always ports: - "8200:80"
3. 컨테이너 시작: 파일이 있는 디렉터리에서 docker-compose up -d를 실행하여 시작.
4. 서비스 접속: 브라우저에 http://서버IP:8200 를 입력하면 됩니다.
방법 2: 직접 이미지를 빌드하여 배포
1. 프로젝트 코드 다운로드: git clone https://github.com/plait-board/drawnix.git 을 실행하여 다운로드.
2. 이미지 빌드: 프로젝트 디렉터리로 이동하여 docker build -t 사용자정의이미지명:태그 .를 실행합니다. 예: docker build -t drawnix:latest .
3. docker-compose.yml 파일 생성: 내용은 방법 1과 유사하며 이미지명을 직접 빌드한 것으로 변경합니다. 예:
plaintext version: '3' services: drawnix: image: drawnix:latest container_name: drawnix restart: always ports: - "8200:80"
4. 컨테이너 시작: 파일이 있는 디렉터리에서 docker-compose up -d를 실행하여 시작.
5. 서비스 접속: 브라우저에 http://서버IP:8200 를 입력하여 접속.
✅오픈소스 주소: https://github.com/plait-board/drawnix
