블로깅에 필요한 레퍼런스들을 가볍고 편하게 저장 및 사용 할 수 있는 확장 프로그램입니다.
RefNote Extension
1. 단일 목적
공부 내용을 블로그에 적을 때 매번 출처를 표기하는 것은 필수적이지만 사실은 귀찮은 일입니다.
출처를 표기하기 위해 브라우저 탭을 수십 개 띄워두는 것도 수십 개의 브라우저의 주소를 복사해서 모두 표기하는 것도 말입니다.
RefNote는 필수적이지만 귀찮은 일인 출처 표기를 쉽게 만들어줍니다.
해당 익스텐션의 변환 기능은 벨로그(https://velog.io) 에서 사용 가능하지만 출처 저장 및 목록 복사 기능은 어떤 곳에서든 사용 가능합니다.
[출처 번호] 만 적어준 후 텍스트 전환 버튼을 누르게 되면 코드 미러 인스턴스를 조작하여 마크다운 문법인 [출처 번호](출처 주소) 로 변환해줍니다.
또 벨로그 > 글쓰기에선 자동 변환 토글을 ON 으로 설정해주게 되면 [출처 번호] 만 작성하더라도 자동적으로 글을 [출처 번호](출처 주소) 로 변환해줍니다. (잘못된 번호나 주소를 입력한 경우에도 저장된 올바른 정보로 수정합니다.)
2. 필요로 하는 권한
2.1. activeTab
- 현재 활성화 되어 있는 탭의 정보를 이용해 해당 탭의 문서 정보를 파싱하기 위해 필요합니다.
2.2. notifications
- 텍스트 전환 기능이 벨로그 > 글쓰기가 아닌 다른 곳에서 클릭 될 경우 알림을 띄우기 위해 해당 권한이 필요합니다.
2.3. scripting
- 해당 탭의 dom 에 접근 하여 정보를 파싱해오거나 코드 미러 인스턴스를 이용하여 개발 된 벨로그에서 코드 미러 인스턴스를 조작하여 텍스트 내용을 수정하기 위해 scripting 권한이 필요 합니다.
2.4. sidePanel
- RefNote 는 사이드 패널을 이용해 정보를 렌더링합니다. 이에 해당 권한을 필요로 합니다.
2.5. storage
북마크보다 더 가볍고 쉽게 조작하기 위해 크롬 스토리지를 이용해 출처 정보와 다크모드 여부 , 자동 전환 여부 등을 저장합니다. 이에 해당 권한이 필요 합니다.
---
It is essential to cite the source every time you write down your studies on a blog, but it is actually a tedious task. This means opening up dozens of browser tabs to indicate the source, or copying addresses from dozens of browsers and marking them all. This extension stores sources to be attached to articles using Google Chrome storage, which is lighter than bookmarks and easier to access and modify. This extension is specialized for Velog (https://velog.io) developed with Code Mirror. If you press the text conversion button after entering only the [source number], the code mirror instance is manipulated and converted to [source number] (source address), which is Markdown grammar. Also, in Vellog > Writing, if you set the automatic conversion toggle to ON, the article will be automatically converted to [source number] (source address) even if you only write [source number]. (Even if you enter an incorrect number or address, it will be corrected with the correct saved information.)
Read more
공부 내용을 블로그에 적을 때 매번 출처를 표기하는 것은 필수적이지만 사실은 귀찮은 일입니다.
출처를 표기하기 위해 브라우저 탭을 수십 개 띄워두는 것도 수십 개의 브라우저의 주소를 복사해서 모두 표기하는 것도 말입니다.
RefNote는 필수적이지만 귀찮은 일인 출처 표기를 쉽게 만들어줍니다.
해당 익스텐션의 변환 기능은 벨로그(https://velog.io) 에서 사용 가능하지만 출처 저장 및 목록 복사 기능은 어떤 곳에서든 사용 가능합니다.
[출처 번호] 만 적어준 후 텍스트 전환 버튼을 누르게 되면 코드 미러 인스턴스를 조작하여 마크다운 문법인 [출처 번호](출처 주소) 로 변환해줍니다.
또 벨로그 > 글쓰기에선 자동 변환 토글을 ON 으로 설정해주게 되면 [출처 번호] 만 작성하더라도 자동적으로 글을 [출처 번호](출처 주소) 로 변환해줍니다. (잘못된 번호나 주소를 입력한 경우에도 저장된 올바른 정보로 수정합니다.)
2. 필요로 하는 권한
2.1. activeTab
- 현재 활성화 되어 있는 탭의 정보를 이용해 해당 탭의 문서 정보를 파싱하기 위해 필요합니다.
2.2. notifications
- 텍스트 전환 기능이 벨로그 > 글쓰기가 아닌 다른 곳에서 클릭 될 경우 알림을 띄우기 위해 해당 권한이 필요합니다.
2.3. scripting
- 해당 탭의 dom 에 접근 하여 정보를 파싱해오거나 코드 미러 인스턴스를 이용하여 개발 된 벨로그에서 코드 미러 인스턴스를 조작하여 텍스트 내용을 수정하기 위해 scripting 권한이 필요 합니다.
2.4. sidePanel
- RefNote 는 사이드 패널을 이용해 정보를 렌더링합니다. 이에 해당 권한을 필요로 합니다.
2.5. storage
북마크보다 더 가볍고 쉽게 조작하기 위해 크롬 스토리지를 이용해 출처 정보와 다크모드 여부 , 자동 전환 여부 등을 저장합니다. 이에 해당 권한이 필요 합니다.
---
It is essential to cite the source every time you write down your studies on a blog, but it is actually a tedious task. This means opening up dozens of browser tabs to indicate the source, or copying addresses from dozens of browsers and marking them all. This extension stores sources to be attached to articles using Google Chrome storage, which is lighter than bookmarks and easier to access and modify. This extension is specialized for Velog (https://velog.io) developed with Code Mirror. If you press the text conversion button after entering only the [source number], the code mirror instance is manipulated and converted to [source number] (source address), which is Markdown grammar. Also, in Vellog > Writing, if you set the automatic conversion toggle to ON, the article will be automatically converted to [source number] (source address) even if you only write [source number]. (Even if you enter an incorrect number or address, it will be corrected with the correct saved information.)
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"RefNote",
"version":"1.0.0",
"description":"\ube14\ub85c\uae45\uc5d0 \ud544\uc694\ud55c \ub808\ud37c\ub7f0\uc2a4\ub4e4\uc744 \uac00\ubccd\uace0 \ud3b8\ud558\uac8c \uc800\uc7a5 \ubc0f \uc0ac\uc6a9 \ud560 \uc218 \uc788\ub294 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc785\ub2c8\ub2e4.",
"minimum_chrome_version":"116",
"manifest_version":3,
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"action":{"default_title":"RefNote"},
"side_panel":{"default_path":"src/side_panel.html"},
"background":{"service_worker":"src/background.js"},
"permissions":["sidePanel",
"scripting",
"activeTab",
"storage",
"notifications"],
"host_permissions":[""]}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"RefNote",
"version":"1.0.0",
"description":"\ube14\ub85c\uae45\uc5d0 \ud544\uc694\ud55c \ub808\ud37c\ub7f0\uc2a4\ub4e4\uc744 \uac00\ubccd\uace0 \ud3b8\ud558\uac8c \uc800\uc7a5 \ubc0f \uc0ac\uc6a9 \ud560 \uc218 \uc788\ub294 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc785\ub2c8\ub2e4.",
"minimum_chrome_version":"116",
"manifest_version":3,
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"action":{"default_title":"RefNote"},
"side_panel":{"default_path":"src/side_panel.html"},
"background":{"service_worker":"src/background.js"},
"permissions":["sidePanel",
"scripting",
"activeTab",
"storage",
"notifications"],
"host_permissions":["