excalidraw

엑스칼리드로우 편집기 | 블로그 | 문서 | 엑스칼리드로우+

오픈 소스 가상 손으로 그린 ​​스타일의 화이트보드입니다.
협업 및 엔드투엔드 암호화.

다이어그램, 와이어프레임 등 원하는 대로 손으로 그린 ​​아름다운 작품을 만드세요.

특징

Excalidraw 편집기(npm 패키지)는 다음을 지원합니다.

• ? 무료 및 오픈 소스.
• ? 무한한 캔버스 기반 화이트보드.
• ✍️ 손으로 그린 ​​듯한 스타일.
• ? 다크 모드.
• 맞춤형.
• ? 이미지 지원.
• ? 모양 라이브러리를 지원합니다.
• ? 현지화(i18n) 지원.
• ?️ PNG, SVG 및 클립보드로 내보냅니다.
• ? 개방형 형식 - 도면을 .excalidraw json 파일로 내보냅니다.
• ⚒️ 다양한 도구 - 직사각형, 원, 마름모꼴, 화살표, 선, 자유 그리기, 지우개...
• ➡️ 화살표 바인딩 및 라벨이 붙은 화살표.
• ? 실행 취소/다시 실행.
• ? 줌 및 패닝 지원.

Excalidraw.com

excalidraw.com에 호스팅된 앱은 Excalidraw로 구축할 수 있는 것을 최소한으로 보여줍니다. 소스 코드도 이 저장소의 일부이며 앱 기능은 다음과 같습니다.

• ? PWA 지원(오프라인으로 작동)
• ? 실시간 협업.
• 종단 간 암호화.
• ? 로컬 우선 지원(브라우저에 자동 저장)
• ? 공유 가능한 링크(다른 사람과 공유할 수 있는 읽기 전용 링크로 내보내기)

앞으로 이러한 기능을 npm 패키지용 드롭인 플러그인으로 추가할 예정입니다.

빠른 시작

참고: 다음 지침은 Excalidraw를 자신의 앱에 통합할 때 Excalidraw npm 패키지를 설치하기 위한 것입니다. 개발을 위해 리포지토리를 로컬에서 실행하려면 개발 가이드를 참조하세요.

 npm install react react-dom @excalidraw/excalidraw

아니면 실을 통해

 yarn add react react-dom @excalidraw/excalidraw

자세한 내용은 설명서를 확인하세요!

기여

• 뭔가 빠졌거나 버그를 발견하셨나요? 여기에 신고하세요.
• 기여하고 싶나요? 기여 가이드를 확인하거나 Discord에 알려주세요.
• 번역에 도움을 주고 싶으십니까? 번역 가이드를 참조하세요.

통합

• VScode 확장
• npm 패키지

Excalidraw를 통합하는 사람은 누구입니까?

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • 기타 다수

후원자 및 지원

프로젝트가 마음에 들면 Open Collective에서 후원자가 되거나 Excalidraw+를 사용할 수 있습니다.

Excalidraw를 지원해 주셔서 감사합니다

마지막으로, 무료로 서비스를 제공해주신 다음 회사에 감사드립니다.