: tldraw – 온라인 화이트보드
언제 어디서나 팀 작업을 위한 가장 빠른 플랫폼
tldraw는 그림 그리기의 단순함과 웹개발의 복잡함을 매끄럽게 통합시킨 혁신적인 그래픽 디자인 애플리케이션이자 온라인 화이트보드 입니다. 이 도구를 사용하면 온라인에서 실시간으로 선이나 물체를 자유롭게 그리고, 텍스트를 작성하고 이미지, 비디오 또는 GIF와 같은 미디어를 업로드 공유할 수 있습니다. 또한 tldraw는 최대 30명의 사용자가 동시에 작업 내용을 공유하고 수정할 수 있는 실시간 온라인 화이트보드 기능을 제공하기 때문에 회의나 사이드 프로젝트를 진행하는데 적합한 환경을 제공합니다. 사용자들은 실시간으로 작업 내용을 확인하고, 다양한 그리기 도구와 레이어 기능을 활용하여 효율적으로 협업할 수 있습니다. 뿐만 아니라, make real 버전에서는 GPT-4-Vision API 활용해 와이어프레임을 HTML과 Tailwind 코드로 변환시켜 그림으로 동작하는 다양하고 놀라운 나만의 소프트웨어를 생성할 수 있습니다.
🖼️ 갤러리
⚙️ 기능 및 특징
- 링크를 통해 이 협업 보드를 동료 친구들과 쉽게 공유할 수 있습니다.
- 수정을 원하지 않는 경우 읽기 전용 링크로 공유할 수 있습니다.
- SVG, PNG, JPG 및 JSON과 같은 다양한 형식으로 저장할 수 있습니다.
- “선택, 크기 조정, 회전, 모양 끌기, 실행 취소, 되돌리기” 등 수백 가지의 작은 기능이 있습니다.
- GPT-4-Vision API를 활용하여 손으로 그린 와이어 프레임을 완전한 기능의 HTML 코드로 변환합니다.
- 드래그 앤 드롭 도구를 제공하여 일러스트를 쉽게 만들고 예술작품을 빠르게 업로드 및 저장할 수 있습니다.
- “Dynamic” 비주얼을 생성할 수 있는 기능을 제공하여 실시간으로 요소를 변경할 수 있습니다.
- 생성된 이미지를 링크를 또는 파일로 쉽게 공유할 수 있습니다.
- 디자인 프로세스를 개선하는 데 도움이 되는 튜토리얼과 온라인 지원을 제공합니다.
- 다양한 레이어를 생성하고, 각 레이어를 독립적으로 관리할 수 있습니다.
⌨️ 키보드 단축키
| 도구 | 설정 | 변환 | |||
|---|---|---|---|---|---|
| 도구 잠금 전환 | Q | 다크모드 전환 | Ctrl / | 맨 앞으로 가져오기 | ] |
| 선택 | V | 포커스 모드 전환 | Ctrl . | 앞으로 가져오기 | Alt ] |
| 그리기 | D | 그리드 | Ctrl ‘ | 뒤로 보내기 | Alt [ |
| 지우개 | E | 전환 | 맨 뒤로 모내기 | [ | |
| 핸드툴 | H | 편집 | 그룹화 | Ctrl G | |
| 사각형 | R | 실행 취소 | Ctrl ↑ Z | 그룹화 해제 | Ctrl ↑ G |
| 원형 | O | 다시 실행 | Ctrl Z | 가로로 뒤집기 | ↑ H |
| 화살표 | A | 자르기 | Ctrl X | 세로로 뒤집기 | ↑ V |
| 선 | L | 복사 | Ctrl C | 위쪽 정렬 | Alt W |
| 문자 | T | 붙여넣기 | Ctrl V | 세로 정렬 | Alt V |
| 프레임 | F | 전체 선택 | Ctrl A | 아래쪽 정렬 | Alt S |
| 메모 | N | 삭제하기 | Backspace | 왼쪽 정렬 | Alt A |
| 레이저 | K | 복제하기 | Ctrl D | 가로 정렬 | Alt H |
| 파일 | 보기 | 오른쪽 정렬 | Alt D | ||
| 파일열기 | Ctrl O | 확대 | Ctrl = | ||
📖 FAQ
tldraw는 무엇인가요?
TLDRAW는 사용자가 실시간으로 그림, 다이어그램, 스케치를 만들고 공유할 수 있는 온라인 화이트보드이자 다양하고 창의적인 작업을 위한 실시간 협업 툴 입니다.
tldraw의 시스템 요구 사항은 무엇입니까?
tldraw는 웹 기반 응용 프로그램이므로 인터넷 연결과 호환 가능한 웹 브라우저가 필요합니다. 특정 하드웨어 요구 사항이 없기 때문에 데스크톱, 노트북, 태블릿, 스마트폰 등 다양한 장치에서 액세스할 수 있습니다.
tldraw는 오픈소스 인가요?
tldraw는 React에서 무한 캔버스 경험을 생성하기 위한 오픈 소스 라이브러리로 누구나 자유롭게 소프트웨어를 사용, 복사, 연구 및 변경할 수 있으며 소스 코드를 공개적으로 사용할 수 있습니다.
tldraw는 어떤 그리기 도구와 기능을 사용할 수 있나요?
펜, 도형, 텍스트, 색상을 포함한 다양한 그리기 도구를 제공합니다.
make real 사용 방법을 알고 싶습니다.
위키독스(wikidocs)에서 전뇌해커님이 무료로 공개한 “상상을 현실로 Make Real“에서 make real의 기능 및 활용 방법을 배울 수 있습니다.