조아상사
로그인
회원가입
정보찾기

옵시디안당

🔥 제목 시위는 [말머리] 또는 임시게시판(불타는앙)을 이용바랍니다.

[6] 코넬 노트 시스템 옵시디언에 적용하기

알림
|
X
shunnna 136.♡.34.120
2024.04.22 07:47
531
12
3
쓰기

코넬 노트에 대해서는 많이들 알고 있다고 생각합니다.

코넬 노트에 대한 자세한 설명을 알고 싶은신 분들은 다음 링크를 확인하시면 좋겠습니다.

https://brunch.co.kr/@kimkyeongsoo/29

 

옵시디언에 대해 살펴보다가 우연히 다음 링크에서 유료로 판매하는 코넬 노트 템플릿을 보게 되었습니다.

https://tfthacker.com/cornell-notes

c7343-662590c4dd08e-fc1ea8209d7c3efa91746445cbf48ae7cd8ea5b4.png

구매를 하기엔 $19.99 달러라는 사악한 가격에, 대신 무료로 쓸 수 있는 템플릿이 있는지 찾아보았습니다.

https://www.reddit.com/r/ObsidianMD/comments/155wmrc/comment/jsxij35/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

검색 결과 괜찮은 코넬 노트 템플릿을 발견하게 되어서 공유하고자 합니다.

설치는 다음 경로 '볼트이름\옵시디언폴더이름\.obsidian\snippets'에 첨부한 'Cornell.css' 파일을 이동시켜 줍니다.

그리고 Settings -> Appearance -> CSS snippets -> Cornell 활성화 버튼을 눌러줍니다.

c7343-662594ad3c606-494c8b11ff5b6c22e74cc1c6a253b9bb8a1f69d1.jpg

참고로 'MySnippets' 이라는 플러그인을 설치하시면, 손쉽게 CSS 파일을 만들 수 있으며, 활성화/비활성화를 쉽게 할 수 있습니다.

c7343-6625955633d63-33d66bbe5cd445537e45f0285fa9b637bd92a436.jpg

c7343-6625959fe51a6-dd2ae6bd5fa08fb5e2e777fb27f7ca59b86b9ca5.jpg

이제 첨부한 'The Cornell Note-taking System.md'을 템플릿으로 사용하시면 됩니다.

c7343-66259672e1c6d-0d45f5847c862a6b48c6bdbac5c035e8c587928a.jpg

사용법은 왼쪽 'Cues' 라는 사이드 공간이 생겼는데, <aside> Cues에 표시될 내용 입력 </aside>, 이렇게 사용하시면 됩니다.

c7343-6625970406c61-3df197c95e1a60e64f126bef61444278a379d8e7.jpg

 

댓글 12
Iam9root (39.♡.156.101)
04.22 08:33
오~ 이렇게도 쓸수 있군요.
shunnna (136.♡.34.120)
04.22 09:04
@Iam9root님에게 답글 네! 정말 볼수록 활용도는 무궁무진합니다. 하지만 도구는 도구일뿐이라서 어떻게 활용하는지가 더 중요하지 않겠습니까~ ㅎ
no_profile 레드 (106.♡.196.73)
04.22 11:56
코넬 형식은 생각 못하고 있었는데 좋네요. 이따 해봐야겠습니다.
shunnna (39.♡.222.244)
04.22 12:00
@레드님에게 답글 안될수도 있습니다만, 전 저렇게 하니까 문제가 없었습니다.
no_profile 레드 (14.♡.90.79)
05.14 22:49
@shunnna님에게 답글 이제 적용해보고 있습니다. 저는 preview view - editing mode 에서는 <aside></aside> 내용이 표시되지 않는데, 혹시 되시나요? 스니펫 상으로는 preview-view 도 설정되어 있는데, 원래 이런 건지 모르겠어서요.
shunnna (39.♡.222.244)
05.15 05:40
@레드님에게 답글 네, 전 항상 reading view에서 확인하고 있습니다. 스니펫에 preview view도 설정이 되어있나보군요. 다른 뷰에서는 <aside> </aside> 내용이 표시가 안됩니다.
냥아치 (121.♡.108.47)
04.22 18:06
무료가 있었군요! 시도해봐야겠습니다.
shunnna (39.♡.222.244)
04.22 18:34
@냥아치님에게 답글 도움이 되면 좋겠습니다~
메가히트 (172.♡.95.41)
05.20 12:38
올리신 스샷들 보고 너무 이뻐서 설치하려고 보니 전 안 되네요ㅠㅠ
css스니펫에선 분명 코널.css를 적용했다고 나오는데 MySnippets에선 코넬 항목이 안 보여요..
아이클라우드에 볼트를 넣고 동기화 중인데 혹시 이 문제일까요?
shunnna (39.♡.222.244)
05.20 14:40
@메가히트님에게 답글 아니면, 설정에서 Appearance 탭 클릭하시고 아래로 내려보시면, CSS snippets라는 항목이 있는데, 항목 옆 폴더 📂  아이콘 클릭하시고 첨부한 Cornell.css 붙여넣기 하시고 다시 설정 Appearance 탭 아래에 Cornell을 활성화 해주시고, 옵시디언 재실행하고 노트 작성 후에 Reading Mode에서 확인해보세요. 이렇게해도 안되면, 테마 충돌 문제거나 기타 CSS와 충돌 혹은 그 밖의 문제겠죠.
메가히트 (172.♡.52.231)
05.21 09:26
@shunnna님에게 답글 답변 감사합니다! 이유는 알 수 없지만 맥용에선 안 되는데 아이패드용에선 되더라고요^^;;; 아이패드에서라도 유용하게 잘 쓰겠습니다!
shunnna (223.♡.94.201)
05.21 18:33
@메가히트님에게 답글 아, 맥용에서는 안되는군요. 아무래도 운융체제간의 차이가 있나 봅니다. 아이패드에서 사용하면 좋죠 ㅎㅎ
쓰기