본문 바로가기
도구/옵시디언

옵시디언 Excalidraw 플러그인 - 3. Script 스크립트 사용법 - Obsidian 그림판

by 올럭Dev 2023. 10. 14.
728x90

Pasted image 20231012234927.png
Excalidraw 스크립트를 사용해보겠습니다.

목차

  • Excalidraw 스크립트 소개
  • Excalidraw 스크립트 설치하기
  • Excalidraw 스크립트 설정하기
  • Excalidraw 스크립트 사용해보기

Excalidraw 스크립트 소개

Excalidraw 스크립트는 기존 Excalidraw 기능을 확장시킨 javascript 파일입니다. 다양한 기능들이 있어 Excalidraw를 좀 더 편하게 쓸 수 있게 도와줍니다.

스크립트 중 deconstruct selected elements into new drawing 를 다운받아 사용해보겠습니다.
deconstruct selected elements into new drawing 스크립트는 excalidraw 화면에서 사용하고 있는 그림을 분리해서 새로운 excalidraw 파일을 만들고, 새로 만들어진 excalidraw로 임베드 해주는 스크립트입니다.

지난 포스팅과 마찬가지로 유튜브를 보면서 정리 하였습니다. 더 많은 내용이 있으니 유튜브도 한번 참고해 주세요.

Excalidraw 스크립트 설치하기

  • 오른쪽 사이드 툴박스 > 옵시디언 아이콘 > Utility actions의 가장 첫번째 아이콘 클릭
    Pasted image 20231011233617.png

  • 또는 오른쪽 상단 끝에 있는 버튼을 클릭
    Pasted image 20231011234910.png

두 개다 같은 아이콘입니다. 둘 중에 편한 걸로 사용하시면 됩니다.

  • deconstruct selected elements into new drawing 검색 > 클릭 > install the script 클릭
    Pasted image 20231011234024.png

Pasted image 20231011234247.png

Excalidraw 스크립트 설정하기

스크립트를 다운받으면 아이콘이 생기는데, 이 아이콘을 오른쪽 툴박스에 고정하겠습니다.

  • 스크립트를 설치하고 오른쪽 툴박스의 옵시디언 아이콘을 클릭하면, Downloaded피자 아이콘이 생긴 것을 확인할 수 있습니다.
    Pasted image 20231011235737.png

  • 해당 아이콘들을 우클릭하여 오른쪽 사이드 툴박스에 고정/해제 할 수 있습니다.
    Pasted image 20231011235857.png

이어서 바로 사용법을 알아보겠습니다.

Excalidraw 스크립트 사용해보기

  • 영역 선택 후 피자 아이콘을 클릭합니다.
    Pasted image 20231012183843.png
  • 팝업이 하나 뜨는데 분리할 파일명을 짓습니다.(links/microphoneAndInternet)
    Pasted image 20231012183839.png
  • Insert 버튼을 클릭하면, 새로운 Excalidraw 파일이 생성되고, 작업 파일에 임베드 됩니다.
    Pasted image 20231012183836.png
  • 작업 파일에 ctrl 클릭하면 새로 만든 Excalidraw 파일로 이동합니다.
    Pasted image 20231012183832.png

Excalidraw에서 새로 파일을 만들고, 현재 작업 중인 파일새로 생성된 파일을 임베드 해줍니다.
공통으로 사용될 만한 객체들을 분리, 리팩토링하여 재사용할 수 있게 도와 주는 유용한 기능입니다.

  • 당연하게도 분리한 파일을 수정하면 임베드된 파일에서도 수정이 반영됩니다.
    Pasted image 20231012184338.png

마치며

Excalidraw 스크립트 사용법이 Excalidraw의 마지막 포스팅이 될 것 같습니다.
이번 포스팅에서 Excalidraw 스크립트를 어떻게 설치하고 사용하는지 간단하게 알아 보았는데요. deconstruct selected elements into new drawing 스크립트 말고도 스크립트의 종류가 엄청 많습니다. (어떻게 이런 걸 다 만드는지 대단하네요…ㅋ)
제 생각에 웬만큼 생각하는 기능은 있을 것 같습니다. Excalidraw를 사용하다 있으면 좋겠다 싶은 기능이 있으면 한번 찾아 보시면 좋을 것 같네요!

728x90