JavaScript 20

RunJS: 옵시디언 플러그인을 만들었습니다 🎉

옵시디언에서 JavaScript 코드를 효율적으로 관리하고 실행할 수 있는 플러그인이 필요하다고 느껴 RunJS를 만들었습니다. 처음엔 템플레이터를 활용해 간단한 작업을 처리했지만, 템플릿의 한계를 넘어서 옵시디언 노트에서의 JavaScript 실행 환경을 만들어 보고 싶었습니다. 그렇게 시작한 프로젝트가 벌써 1년 반이라는 시간이 흘렀네요!그동안 개인적인 사정으로 홍보와 업데이트를 미뤄왔지만, 이제 이 블로그를 RunJS의 공식 소식과 자료를 공유하는 공간으로 활용하며, 더 나은 플러그인으로 만들어 가고자 합니다."Obsidian에서 쉽고 간단하게 JavaScript 코드를 만들고 실행합니다."이 문구를 마음에 새기며, RunJS를 설계하고 만들어 가고 있습니다. RunJS란 무엇인가요?RunJS는 옵..

Bookmarklet: 한글이 들어간 주소(URL)를 한글 그대로 복사

북마크바에 북마크릿 (Bookmarklet)을 넣어 클릭 한 번으로 한글이 포함된 주소(URL)를 한글 그대로 복사할 수 있도록 간단한 방법을 소개합니다.이 방법을 통해 작업 효율을 높이고, 인코딩 문제로 인한 불편을 줄이세요! 😊 티스토리 URL을 한글로 설정한 이유"티스토리의 포스트 주소를 문자로 설정합니다." 최근에 제 티스토리 블로그의 포스트 주소 형식을 숫자에서 문자로 변경했습니다. 초기 포스트가 많지 않을 때 변경하는 것이 적절하다고 생각했습니다.티스토리 블로그의 포스트 주소를 숫자 대신 문자로 설정한 이유는 다음과 같습니다:검색엔진 최적화(SEO): 구글 SEO 기본 가이드에 따르면, 숫자 기반 URL보다 의미 있는 문자가 포함된 URL이 검색엔진과 사용자 모두에게 더 직관적입니다.사용자 ..

Coding/Bookmarklet 2024.12.07

Javascript 정규식 - 큰따옴표, 작은따옴표 구별없이 따옴표 안에 들어간 문장 얻기(ChatGPT 활용)

문장에서 따옴표(quotes) 안에 들어간 부분을 얻기 위한 정규식(Regular Expression)을 만들기 위해 ChatGPT를 이용했습니다. 다음과 같은 간단한 문장일 경우This is "a 'sample' string" with 'quotes "in" it'.바라는 결과a 'sample' stringquotes "in" itChatGPT에서는 다음 정규식을 쓸 수 있다고 답했습니다. /"([^"]*)"|'([^']*)'/g/(['"])(.*?)\1/g그러나 다음 문장과 같이 `따옴표 안에 이스케이프 된 따옴표`가 들어간 경우 위 정규식은 엉뚱한 결과가 나옵니다. (밑에 있는 코드 테스트에서 볼 수 있습니다.)This is "a \\"sample\\" \\string" with 'quotes "i..

Coding/JavaScript 2023.05.09

옵시디언 Dataview 결과를 마크다운 형식으로 복사하기 - 템플레이터 사용

dataview나 dataviewjs 코드블록에 커서(캐럿)를 위치시켜고템플릿을 실행하면 클립보드로 그 Dataview 결과를 마크다운 형식으로 복사합니다.복사된 내용을 바라는 곳에 어디에나 붙여넣기(Ctrl + V) 하면 됩니다.얼마 전에 Dataview로 바라는 파일들 목록 표를 만들어 그 가운데서도 세부적으로 더 일부만 선택하여 한꺼번에 여러 노트의 메타데이터 태그를 바꾸는 템플릿을 만들었습니다. (아래 링크) 옵시디언 - 한꺼번에 여러 노트의 태그들을 바꾸기(Feat. 템플레이터 & 데이터뷰) https://eoureo.tistory.com/entry/옵시디언-한꺼번에-여러-노트의-태그들을-바꾸기-Feat-템플레이터-데이터뷰여기에 더해서 파일 목록 표에 열을 추가하고 고칠 수 있으면 더 많은 것을..

Obsidian/Templater 2023.05.02

옵시디언 템플레이터(Templater) - Callout 넣기

Callout(말풍선, 설명글?)의 모양과 색을 보면서 골라 노트에 삽입할 수 있습니다. 얼마 전에 다음 글을 보게 되었습니다.네이버 카페 "Obsidian 옵시디언 사용자 모임" - Callout 쉽게 넣기 템플릿kaorw, 2023.02.27. 22:20https://cafe.naver.com/obsidianary/3804 템플레이터를 이용하여 Callout을 넣는 템플릿을 소개하는 글이었습니다. 글 올리신 분이 한글화까지 해서 좋았습니다. 조금 아쉬운 점이 있었지만 간단하게 만들어 쓰는 템플릿의 개념에 맞다고 느꼈습니다.  이왕이면 Callout의 모양과 색을 바로 볼 수 있으면 좋겠다는 생각이 들었습니다. 그러다가 "교보문고 도서 검색" 템플릿(https://eoureo.tistory.com/en..

Obsidian/Templater 2023.04.16

옵시디언 템플레이터 - 실행 노트에서 커서 위치를 얻는 방법

템플레이터에서 템플릿이 삽입될 곳의 위치를 알면 쓸모가 많습니다. Callout을 넣으려고 할 때 커서가 위치한 곳에 넣을 수 있는지 확인할 수 있습니다. 또 Callout 안에 Callout을 넣으려 할 때 커서 위치 앞의 글에 "> " 문자가 얼마나 놓여 있는 지를 알아야 합니다. 다음의 제 글에서 사용했습니다. 소스 코드 중간에서 볼 수 있습니다. 옵시디언 템플레이터(Templater) - Callout 넣기  https://eoureo.tistory.com/entry/옵시디언-템플레이터-Templater-Callout-넣기 옵시디언 템플레이터(Templater) - Callout 넣기Callout(말풍선, 설명글?)의 모양과 색을 보면서 골라 노트에 삽입할 수 있습니다. 얼마 전에 다음 글을 보게..

옵시디언 Web Clipper Bookmarklet 고침 - CORS 문제 해결

Obsidian Web Clipper Bookmarklet to save articles and pages from the web (for Safari, Chrome, Firefox, and mobile browsers) · GitHubhttps://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3 위 북마크릿 코드는 CORS 보안을 적용한 사이트에서는 외부 모듈을 import할 수 없어 실행 되지 않았습니다. CORS (Cross-Origin Resource Sharing) / CSP (Content Security Policy) 문제는 보안상의 이유로 웹 브라우저에서 다른 도메인으로부터 리소스를 요청하는 것을 제한하는 정책입니다. 이러한 제한은 모듈 ..

Obsidian 2023.04.01

옵시디언의 일지(Daily note)에 리스트 덧붙이는 Bookmarklet ("- 07:30 [T](U)" 형식 - 시각, 웹 페이지 제목과 주소)

웹 브라우저에서 지금 보는 페이지를단 한 번의 클릭만으로그 시각 이벤트로 옵시디언의 Daily note에 한 줄 덧붙이는 Bookmarklet."- 07:30 [T](U)" 형식 제가 가장 많이 쓰는 Bookmarklet으로먼저 옵시디언의 Daily note에 여러 페이지의 링크를 본 시각과 함께 덧붙입니다.나중에 그것을 씨앗으로 해서 글을 더 하거나 새 노트를 만들고 있습니다.제가 언제 그 페이지를 봤는지 확인하기도 편리합니다. 또한 여러 개의 Obsidian Vault를 쓰는 경우Vault 이름만 달리하는 여러 북마크릿을 만들어 쓸 수 있습니다. 사용 방법웹 브라우저 "북마크 바"에서 "클릭"만 한다.끝.(Obsidian이 실행되지 않았어도 저절로 실행된다.)(오늘 날짜의 Daily note가 안 만..

Obsidian 2023.03.15

ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기 (수정-http사용)

웹 브라우저에서 보고 있는 페이지의 제목과 주소를 "복사"하여옵시디언 같은 마크다운을 사용하는 곳에서 "붙여넣기" 하는 일이 많습니다.다음은 이 글의 제목과 주소로 링크를 만들어 옵시디언에 "붙여넣기"한 모습입니다.옵시디언 reading view와 editing view에서 링크 모습ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기 옵시디언 source mode에서 링크 모습[ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기](https://eoureo.tistory.com/entry/ChatGPT%EB%A1%9C-%EB%A7%8C%EB%93..

Coding/Bookmarklet 2023.03.15

ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기

알림: 2023. 3. 15. 09:10이 글에 있는 코드는 HTTP 프로토콜을 쓰는 사이트에서는 안됩니다.그래서 새로 고쳐 아래 글에 올렸습니다. 새로 고친 페이지:ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기 (수정-http사용)https://eoureo.tistory.com/entry/ChatGPT로-만든-Bookmarklet-TU-마크다운-형식으로-클립보드에-넣기-수정-http사용 ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기웹 브라우저에서 보고 있는 페이지의 제목과 주소를 "복사"하여옵시디언 같은 마크다운을 사용하는 곳에서 "..

Coding/Bookmarklet 2023.03.13