옵시디언

옵시디언 엑스칼리드로우 업데이트 1.9.20 정리 Obsidian-Excalidraw

align-G 2023. 10. 1. 10:56

졸트 유튜브 떠서 뭐지 하고 보니 업데이트군요. 

유튜브에 나온 엑스칼리드로우 업데이트 내용을 사부작사부작 정리해 보았습니다. 

Mermaid, Boolean Magic, Object Snapping - Obsidian-Excalidraw 1.9.20

 

엑칼드로우 엑스칼리드로우 엑드 맨날 이것 저것 섞어서 부르네요 ^^ 

 

전체 영상은 아래에서 

https://youtu.be/QB2rKRxxYlg?si=-Pi5RhBdQi2O5ZiX 

 

이번 업데이트 내용입니다. 

 

- Mermaid다이어그램

- Object Snapping 

- Boolean Magic 스크립트

- 패널에서 스크립트 그룹핑

- Mermaid다이어그램 

- Repeat elements 스크립트. 

 

아레에 좀 더 자세한 내용을 적어 보도록 하겠습니다. 

 

# Mermaid다이어그램

옵시에서 다이어그램 그리는데 많이들 사용하는 mermaid 다이어그램을 엑칼에서 쓸 수 있게 되었습니다. 

 

Mermaid - 다이어그램 및 차트 도구
마크다운에서 영감을 받은 텍스트 정의를 렌더링하여 다이어그램을 동적으로 생성하고 수정하는 자바스크립트 기반 다이어그램 및 차트 도구입니다.

 

그럼 알아 볼까요.

 

 상단 도구 바에서 도형모양을 누르면 Mermaid to Excalidraw를 볼 수 있습니다. 

한쪽에 코드를 입력하고 한쪽에는 프리뷰가 보입니다. 어떻게 사용하는지 모르겠다면 flowcharts 부분을 클릭해서 LiveEditor를 가면 여러 샘플을 볼 수 있습니다. 

 

 

flowcharts(위 이미지 부분)을 눌러서 나온 페이지에서 live Editor를 눌러줍니다. 

 

 

 

나오는 웹페이지에서 Live editor을 누르면 좀더 편하게 그릴 수 있는 예제라던지 활용해서 빠르게 그릴 수 있군요. 오홍.. 

큰기능은 아니지만 샘플들이 있으니 그걸로 기본 틀 만들고 참고해서 만지작 만지작 

 

 

아래 페이지는 좀 더 기능을 제공하는 군요. 

도형 마크다운을 좀더 빨리? 쉽게 쓸 수 있도록 도와주네요. 

 

Mermaid Chart - Create complex, visual diagrams with text. A smarter way of creating diagrams.

 

www.mermaidchart.com

 

# 자석기능 

Object Snapping 

이건 자석 기능입니다. CMD 키 누르고 움직이면 주변 오브젝트에 자석기능오 탁탁 정렬되는 부분에서 멈추고 해서.. 쉽게 주변 오브젝트와 정렬 가능합니다. 

 

그리드를 키면 기본 snapping이 그리드에 걸리고.. ctrl누르면 부드럽게 움직여 지네요.

 

정렬할 때 유용할 것 같습니다. 

 

 

# Boolean Magic 스크립트 

새로 더해진 스크립트가 있네요. 불린 매직 도형들 더하고 빼기 해서 원하는 모양을 만들 수 있는 툴입니다. 

일러에서 많이 사용하던건데 요거 잘 활용하면 원하는 형태를 좀 더 빠르게 만들 수 있습니다. 

 

(엑칼 드로우 스크립트 설치 방법은 맨 아래에.. 이미 아시는 분은 그냥 검색해서 설치하시면) 

 

이 스크립트를 사용하면 도형에 부울 연산을 수행할 수 있습니다.
결과 도형의 스타일은 사용된 가장 높은 순위 요소의 스타일이 됩니다.
엘리먼트의 순위는 배경에 따라 결정됩니다. 배경이 "밀도"가 높을수록 순위가 높아집니다(배경 스타일의 순서는 아래에 나와 있습니다). 배경이 동일한 경우 불투명도에 따라 결정됩니다. 그것도 같은 경우 생성된 순서에 따라 결정됩니다.
순위는 차이 연산에도 중요하므로 예를 들어 투명한 개체는 단단한 개체에 구멍을 뚫습니다.

 

패널에서 스크립트 그룹핑 

Grouping scripts on the panel

 

스크립트 많아지면 관리하기 힘들어 지는데 이제 그루핑 할 수 있군요. 

 

폴더에서 Excalidraw/script 경로에서 폴더를 만들면 그대로 그룹으로 그대로 적용이 됩니다. 

 

테스트 함아서 tmp group 

 

 

Repeat elements script

요것도 스크립트인데 특정 동작 반복하는 스크립트입니다. 

아래는 플러그인 설명 

이 스크립트는 위치, 크기, 각도, 획 및 배경색을 포함하여 선택한 두 요소의 차이를 감지하고 사용자가 입력한 반복 횟수에 따라 이러한 차이를 반복하는 여러 요소를 생성합니다.

 

(엑칼 드로우 스크립트 설치 방법은 맨 아래에.. 이미 아시는 분은 그냥 검색해서 설치하시면) 

 

 

 

 

 

스크립트 설치 

새로 업데이트 된 기능은 아닙니다. 

혹 설치 하실 줄 모르시는 분들 있을까봐. 

일단 스크립트는 일종의 플러그인 같은 느낌으로 기본 기능은 아니지만 유용한 것들이 모여 있어서 

본인 취향에 따라 설치하고.. 많아지면 새로 나온 기능으로 그룹핑하면 될 것 같네요. 

저는 몇개 빼곤 기본기능에 충실한편.. 아직 안찾아 봐서 그렇긴 하지만요 ㅎ 

 

찾기 ctrl + f나 command + f 누른 뒤 스크립트 이름을 검색하고 검색 결과에서 클릭 

 

install the script 눌러서 설치 

 

 

우특 메뉴 패널에서 옵시아이콘 클릭하고 맨 아래 보면 더해져 있다. 

스크립트별 사용법에 따라 사용하면 됨

반응형