JavaScript 20

옵시디언 RunJS: 파일 탐색기에 "파일 경로 복사(클립보드)" 메뉴 추가하기

이번 글에서는 파일 경로를 클립보드로 복사하는 메뉴를 추가하는 방법을 안내합니다.이전 글(옵시디언 RunJS: 파일 탐색기에 "VSCode에서 열기" 메뉴 추가하기)에서 파일 탐색기 컨텍스트 메뉴에 사용자 지정 메뉴를 추가하는 방법을 다뤘습니다. 기본적인 방법은 이전 글과 동일하며, 주요 차이점은 클립보드로 복사하는 코드 한 줄입니다.  미리 보기아래 그림은 파일 탐색기 컨텍스트 메뉴에 "파일 경로 복사" 메뉴가 추가된 모습입니다. 클릭하면 클립보드로 파일 경로가 복사됩니다. 안드로이드 옵시디언 앱에서도 작동합니다. 소스 코드 작성실행 소스 코드 작성다음 코드블럭을 옵시디언의 노트에 복사하여 붙여 넣으세요. 이 코드는 파일 탐색기와 탭의 컨텍스트 메뉴에 "파일 경로 복사" 항목을 추가합니다.```js R..

티스토리: 제목 (Hn 태그) 접기/펼치기로 글 읽기 편하게 만들기

티스토리 본문 글이 길어지다 보면 전체 구조를 파악하며 읽기가 힘들어집니다. 티스토리 편집기를 이용하면 본문 제목(제목1-제목3)은 HTML 태그(H2-H4)로 표시됩니다.이 제목을 클릭하면 접기(Collapse)/펼치기(Expand)를 할 수 있도록 설정하여 글 읽기를 더욱 쉽게 만들어 보세요.이 글에서는 제목 태그(Hn)에 접기/펼치기 기능을 추가하는 방법을 단계별로 안내합니다. 스킨 편집먼저, 티스토리 블로그 관리에서 스킨 편집을 통해 HTML과 CSS를 수정해야 합니다. 제가 다룬 스킨은 "Odyssey 스킨"입니다.다음 절차를 따라 주세요.1. 티스토리 스킨 편집으로 이동티스토리 블로그 관리자 페이지로 이동합니다.꾸미기 > 스킨 편집 > HTML 편집을 클릭합니다.HTML 소스와 CSS 소스를 ..

티스토리 2024.12.30

옵시디언 RunJS: 파일 탐색기에 "VSCode에서 열기" 메뉴 추가하기

RunJS를 써서 옵시디언(Obsidian)의 파일 탐색기 컨텍스트 메뉴에 사용자 정의 메뉴를 추가하는 방법을 소개합니다. 이를 통해 파일 탐색기에서 특정 파일을 Visual Studio Code(VSCode)로 여는 기능을 구현할 수 있습니다. 이전 글 (옵시디언 RunJS: 외부 프로그램 실행하기 1 (VSCode))에서는 활성화된 노트를 VSCode에서 여는 방법을 다루었는데, 이번에는 옵시디언의 파일 탐색기에서의 활용법을 알아보겠습니다.소스 코드 작성실행 소스 코드 작성다음 코드 블럭을 옵시디언의 노트에 복사하여 붙여 넣으세요. 이 코드는 파일 탐색기와 탭의 컨텍스트 메뉴에 "Open with VSCode" 항목을 추가합니다.```js RunJS="{n:'Event/file-menu/Open wi..

옵시디언 RunJS: 사용자 인터페이스 가이드

RunJS 플러그인은 옵시디언(Obsidian)에서 JavaScript 코드를 쉽게 작성, 실행, 관리, 편집할 수 있도록 도와주는 도구입니다. 이 가이드에서는 RunJS 플러그인의 주요 기능과 사용법을 쉽게 이해할 수 있도록 설명합니다.  RunJS 시작하기RunJS 코드목록 패널과 RunJS 코드목록 팔레트에서 RunJS 코드를 실행할 수 있습니다.RunJS 플러그인 아이콘아래 옵시디언의 화면에서 두 개의 RunJS 플러그인 아이콘을 찾을 수 있습니다.사이드바 탭: RunJS 아이콘을 클릭하면 RunJS 코드목록 패널을 보이게 합니다.리본 아이콘: RunJS 아이콘을 클릭하면 RunJS 코드목록 팔레트가 열립니다.옵시디언의 명령 팔레트옵시디언의 명령 팔레트(Ctrl + P)를 열고 RunJS 명령을 ..

옵시디언 RunJS: 이벤트 다루기 (데일리 노트에 시간 자동 추가)

이 글에서는 옵시디언(Obsidian)의 RunJS 플러그인을 사용하여 이벤트 핸들러를 설정하고, 데일리 노트 플러그인을 활용하여 오늘 노트의 마지막 줄에 현재 시간을 리스트 항목으로 추가하는 방법을 다룹니다.이를 통해 간단한 작업을 자동화하고, 옵시디언을 더욱 편리하게 사용할 수 있습니다.   기능 설명아래 그림과 같이 RunJS 코드를 클릭하면 데일리 노트의 마지막 줄에 "- 08:30" 형식의 현재 시간 리스트 항목이 추가됩니다. 추가된 시간 뒤에는 커서가 위치하므로 이어서 바로 내용을 입력할 수 있습니다. 또한, 옵시디언이 시작할 때 자동으로 이 작업이 실행되도록 이벤트 핸들러를 설정하는 방법도 다룹니다. RunJS 실행 항목 추가하기1. 소스 코드아래 코드를 옵시디언의 노트에 복사해 붙여넣으세요..

옵시디언 RunJS: 외부 프로그램 실행하기 2 (Total Commander)

옵시디언 RunJS를 사용하여 활성화된 노트를 Total Commander에서 여는 방법을 소개합니다. 이 글은 옵시디언 RunJS: 외부 프로그램 실행하기 1 (VSCode)에서 이어지는 내용으로, 이번에는 Total Commander에서 노트 파일을 여는 RunJS 코드를 다룹니다.이 코드는 조금만 수정하면 다른 응용 프로그램에도 쉽게 적용할 수 있습니다.    옵시디언에서 Total Commander 실행하기아래 그림을 보면 RunJS 코드목록 패널에 네 개의 Total Commander 실행 항목과 두 개의 관련 모듈 항목(Total Commander, RunJS/Utils)을 확인할 수 있습니다. 각 실행 항목을 클릭하면 Total Commander에서 옵시디언의 활성화된 노트 파일을 열 수 있..

옵시디언 RunJS: 외부 프로그램 실행하기 1 (VSCode)

옵시디언(Obsidian)을 사용하다 보면 특정 노트를 외부 프로그램(VSCode, Total Commander 등)에서 열어야 할 때가 있습니다. 이를 위해 RunJS를 활용하면 간단하게 외부 프로그램을 실행하고 파일을 열 수 있습니다. 이번 포스트에서는 RunJS를 활용하여 VSCode에서 노트 파일을 여는 방법을 단계별로 소개합니다. 더 나아가 모듈 활용법과 텍스트 선택 기능까지 함께 살펴보겠습니다. 1. VSCode에서 노트 열기: 단순한 방법먼저 활성화된 옵시디언 노트 파일을 VSCode에서 여는 간단한 스크립트를 작성해 봅시다.1.1 소스 코드 등록아래 RunJS 코드블럭을 옵시디언 노트에 추가해 주세요. 코드블럭이 등록되면 RunJS 패널에 자동으로 나타납니다. 코드 설명:vscodePath..

티스토리: 글 안에 CSS 스타일 태그 넣기

티스토리에서는 포스트 글 안에 `); 혹시나 "style_241145" 같은 변수 이름이나 id가 다른 글이나 티스토리에서 중복 사용하여 예기치 않는 문제가 일어날 수 있으므로 저처럼 중복 가능성이 낮은 이름으로 바꾸는 것이 좋습니다. 사용예아래는 버튼 스타일을 적용하는 예제입니다. W3Schools의 CSS Buttons(https://www.w3schools.com/css/css3_buttons.asp)의 예제를 조금 고쳐봤습니다.소스 코드스타일이 적용 안된 버튼Click Me스타일이 적용 된 버튼 Click Me 눌러봐 실행 결과위 코드를 HTML 모드에서 붙여넣으면 다음과 같은 결과를 확인할 수 있습니다. 이 문장 바로 다음에 붙여 넣었습니다. 스타일이 적용 안된 버튼Click Me스타일이..

티스토리 2024.12.15

옵시디언 RunJS: Callout 넣기

옵시디언(Obsidian) 플러그인 RunJS를 사용하여 노트에 Callout을 삽입하는 방법을 소개합니다.Callout은 주의, 정보, 경고 등 특정 메시지를 강조하고 싶을 때 사용하면 유용합니다.심지어 Callout 안에 또 다른 Callout을 중첩해 넣는 것도 가능합니다. (Callout 안의 Callout 안의 Callout ...... 😊)  아래 이미지는 RunJS 패널에서 "insertCallout 2"라는 항목을 클릭해 열려 있는 글 입력 위치에 Callout을 삽입하는 방법을 보여 줍니다.  --> 처음에는 옵시디언 플러그인 Templater에서 사용하려고 만들어진 코드였습니다.(https://eoureo.tistory.com/entry/옵시디언-템플레이터-Templater-Callo..

티스토리: 글에서 불필요한   공백 제거하는 방법 (Bookmarklet)

티스토리에서 글을 작성하다 보면, Ctrl + V로 붙여넣기를 할 때  (non-breaking space)가 공백 대신 삽입되는 경우가 종종 있습니다. 이로 인해 글을 읽을 때 불편함을 겪을 수 있는데요, 특히 Ctrl + Shift + V로 붙여 넣으면  가 자동으로 삽입되곤 합니다. 이 문제를 해결하기 위해 북마클릿을 만들어 불필요한 공백을 제거하는 방법을 소개합니다. 1. 글에 들어간 불필요한  ChatGPT에서 "윤동주 - 서시"를 복사한 후, 티스토리 편집기 기본모드에서 붙여넣기를 했습니다.이때 두 가지 방법을 사용했습니다.붙여 넣고 나서 기본모드에서 HTML모드로 전환해 소스를 확인해 보니, 글에 수많은   (공백 대신 들어가는 특수문자)가 삽입된 것을 볼..

티스토리 2024.12.10