Table of Contents
1 책 정보 수집 플러그인 커스텀하기
안녕하세요 북트레싱입니다.
웹에서 책 정보를 불러오는 플러그인인 korean book info를 커스텀하여 사용할 수 있는 방법입니다.
이 책 정보 수집 플러그인은 YES24 홈페이지에서 추출하여, 한 번의 클릭만으로 나만의 서재를 만들 수 있게 도와줍니다.
플러그인의 제한적인 부분을 내 입맛에 맞춰 변경할 수 있는 방법을 살펴보겠습니다.
2 main.js 파일 찾기
맥OS
Finder를 열고 Valut가 설치되어 있는 폴더로 이동하여 단축키 Shift + Cmd + .
를 입력하게 되면 숨겨져 있던 파일들이 보이게 됩니다.
.obsidian → plugins → kr-book-info-plugin → main.js
경로로 이동하여 파일을 열어 줍니다. 이때 텍스트 편집기를 이용해서도 편집이 가능하고, 코드를 좀 더 보기 쉽게 VS CODE 프로그램을 설치하여 사용하면 더욱 좋습니다.
윈도우
윈도우는 보기 → 표시 → 숨긴 항목
버튼을 눌러 숨겨진 파일을 볼 수 있습니다.
맥OS와 동일한 폴더에 main.js 파일이 저장되어 있고, 메모장 또는 vs code를 이용하여 편집이 가능합니다.
3 코드 수정하기
main.js 파일을 열어보면 수많은 코드가 있는데, 맥은 Cmd + F
, 윈도우는 Ctrl + F
를 눌러서 검색 창에 frontmatter를 입력하여 해당 부분으로 이동합니다.
:
을 기준으로 좌측은 Key, 우측은 Value를 넣어줍니다.
처음에 바로 main.js 파일을 수정하는 것보다 옵시디언에서 먼저 정리를 한 다음에 그것을 참고하여 작성하면 더욱 편리합니다.
코드의 작성 순서대로 프론트매터에 적용이 되기 때문에 위에서부터 차근차근 입력해줍니다.
콜론(:)
을 기준으로 좌측은 마음대로 수정이 가능하지만 우측은 주의하여 수정해야만 코드가 정상적으로 작동하게 됩니다.
공백으로 남기고 싶은 경우에는 백틱 `
2개를 입력해주고, 체크박스를 만들려면 false
를 입력해줘야 합니다.
그리고 property 사이에는 ,
를 사용하여 구분시켜 줍니다.
4 korean book info 플러그인 설명 영상
5 main.js 파일 공유
영상에서 소개해드리는 파일을 다운 받아서 적용한 후에 수정을 하시는 것을 추천드립니다.
특히 Yes24에서 책 정보를 불러오는 부분에서 author를 리스트 형식으로 불러올 수 있도록 코드를 적용했습니다.
main.js 파일을 다운 받으신 다음에 위에서 말씀드린 것 처럼,
.obsidian → plugins → kr-book-info-plugin
폴더에 붙여넣기 하신 다음에 대치 또는 덮어쓰기로 파일을 변경해줍니다.
그리고 코드를 수정하신 다음에는 반드시 옵시디언을 종료했다가 다시 시작하셔야 정상 작동을 하게 됩니다.
6 main.js 파일 다운로드
파일은 소스 공유를 쉽게할 수 있는 깃허브를 통해서 공유하고 있습니다.
위의 링크를 눌러 이동을 하신 다음에 아래 그림에서 설명드리는 것처럼 다운로드 아이콘(Download raw file)을 누르면 다운이 완료됩니다.