아이디어 시각화 - Obsidian의 Excalidraw 플러그인 설치 및 스크립트 엔진 활용 방법

안녕하세요 : )
첫 게시글을 올리게 되었습니다😀

최근 Obsidian을 활용하기 시작하면서 Excalidraw라는 플러그인을 알게 되었습니다.
Excalidraw는 마치 손으로 그린 것처럼 그림을 쉽게 만들 수 있게 해주는 웹 기반의 그림 그리기 도구입니다.

Obsidian의 Excalidraw 플러그인 설치 및 스크립트 엔진 활용 방법을 간략하게 소개하고자 합니다.
그리고 Excalidraw는 Obsidian을 사용하지 않더라도 단독으로 사용할 수 있다고 합니다. (링크)

본 글에서는 Obsidian에서 Excalidraw를 활용한다고 가정하고 글을 작성하오니 참고 부탁드립니다.

1. Obsidian의 Excalidraw 플러그인 설치

GitHub - zsviczian/obsidian-excalidraw-plugin: A plugin to edit and view Excalidraw drawings in Obsidian

1-1. Community plugins > Browse

1-2. Excalidraw 설치


Excalidraw 플러그인 설치가 완료되면 ‘Excalidraw’ 폴더를 만들고
해당 폴더 아래에서 ‘Create new drawing’를 클릭하여 그림을 그릴 준비를 마칩니다.



‘Create new drawing’를 클릭하여 아래와 같은 화면을 본다면 준비는 모두 마쳤습니다.



2. 스크립트 엔진 활용 방법

Excalidraw 플러그인에는 스크립트 엔진이 내장되어 있어 사용자가 JavaScript를 이용해 커스텀 스크립트를 작성할 수 있습니다. 스크립트를 활용하면 도형 생성, 수정, 배치 등의 작업을 자동화할 수 있으며 복잡한 다이어그램이나 그래프를 빠르게 생성할 수 있습니다. 스크립트 엔진을 활용하면 반복적인 작업을 줄일 수 있고 일관성있는 결과를 만들어 낼 수 있습니다.

Excalidraw Script Engine scripts library




화면의 우측 상단에 있는 톱니바퀴 모양을 클릭하면 Obsidian에서 제공하는 스크립트 엔진 사용법 및 이용 가능한 스크립트 목록을 확인할 수 있습니다.



‘Organic Line’ 스크립트 엔진을 설치해보겠습니다.

설치가 완료되면 필요할 때 편하게 사용할 수 있도록 단축키를 설정할 수 있습니다.

‘Organic Line’ 스크립트 엔진을 단축키 Ctrl + Shift + O 로 설정했습니다.
아래 자료를 통해 Before & After 를 비교해 보실 수 있습니다.



이처럼 스크립트 엔진을 사용하면 일관성 있고 보기 좋은 그림을 그리면서 생산성을 향상할 수 있다고 보여집니다. 단, 초기에 필요한 것을 잘 파악한 후에 세팅하는 데 조금 시간이 들 것 같습니다.

추가로 함께 사용하면 좋을 사이트 링크는 아래와 같습니다.
이쁜 아이콘이 많아서 자주쓰는 아이콘을 모아두면 아이디어를 시각화하는 데 도움이 될 것입니다.



🔗 https://libraries.excalidraw.com/?theme=light&sort=default
🔗 https://www.flaticon.com


🙋 Excalidraw를 기존에 사용해왔던 Office 프로그램과 비교했을 때 개인적인 느낌으로는 좀 더 형식에 구애받지 않고 상상의 나래를 펼쳐볼 수 있다는 느낌을 받았습니다. 손으로 그린 듯한 느낌이 보는 사람으로 하여금 시각적으로 편한 느낌을 준다고 생각합니다.

🙋 강의, 발표 등 자료를 준비할 때 내가 구상하는 것들을 명시화하는 과정이 점점 더 중요하다는 것을 느끼는 요즘입니다. 여러분들도 Excalidraw를 활용해서 나만의 아이디어를 시각화해 보는 것은 어떨까요? 특히 Obsidian과 연계하여 사용한다면 아이디어 정리와 지식 관리에 있어 시너지 효과를 낼 수 있을 것입니다.

#10기교강사

4
1개의 답글

👉 이 게시글도 읽어보세요