![]()
들어가기 전에Tldraw 공식 문서(Docs)를 보면, 내용은 많지만 직접 코드를 입력하지 않는 이상 어떻게 동작하는지 알수 없다. 이로 인해 작업 시간이 길어졌던 적이 많았는데, 이 글을 보는 사람들에게는 비효율적인 시간들을 줄여주기 위해 Tldraw에 어떤 주요 개념들이 있고, 어떤 기능들을 제공해주는지 작성해보려 한다.Main Concepts (주요 개념)1. editorhttps://tldraw.dev/docs/editorEditor 클래스는 tldraw의 에디터(편집기)를 제어하는 주요 개념이다. 에디터의 내부 state를 관리하고, document를 변경하거나, 발생한 변경에 대해서 응답을 하는데 사용한다. 해당 글에서는 주요 개념을 3가지 editor, shape, tool로 나누었지만, 사..
![]()
들어가기 전에우리 회사에서는 그리기 기능을 제공하기 위해 Tldraw 라이브러리를 사용한다.4개월 정도 Tldraw를 만져보면서 느낀 점은 공식 문서는 말이 많고, 유용한 정보를 제공해 주지 않는다. 또한, 한국어 레퍼런스가 너무 없다… 그래도 계속 맨땅에 헤딩하다 보니 Tldraw로 대부분의 기능을 구현할 수 있게 되어 차근차근 한국어로 문서를 작성해 보려 한다.What is Tldraw? (Tldraw란)공식문서를 처음 접속하고 나면, Tldraw는 이렇게 소개한다. The infinite canvas SDKfor React developersUse the tldraw SDK to add a collaborative whiteboard to your product or use its component..
