지루한 리스트는 이제 그만! Obsidian DataCards 플러그인으로 노트 시각화하기

여러가지 색연필이 있는 아름다운 테이블

Obsidian에서 데이터가 예술이 되는 순간, DataCards 플러그인을 만나보세요

왜 이 플러그인이 필요할까?

“요즘 읽은 책들을 Obsidian에 정리하고 있는데, 그냥 텍스트로 나열하니 뭔가 너무 딱딱하고 재미없더라고요. 이미지도 넣고, 카드처럼 예쁘게 보일 수 없을까?”

이런 생각, 한 번쯤 해보셨죠? 특히 Dataview 플러그인을 사용하는 사용자라면 구조화된 데이터를 다루는 데 익숙하지만, 그 결과가 항상 만족스럽지는 않을 수 있습니다. 단순한 표나 리스트 형태는 기능적이지만 직관성이나 심미성은 부족하니까요.

바로 여기서 등장한 것이 DataCards 플러그인입니다. 이 플러그인은 기존의 Dataview 쿼리 결과를 마치 웹사이트의 포스터나 정보 카드처럼, 보기 좋고 깔끔한 카드 형태로 바꿔줍니다. 정보는 그대로인데, 훨신 더 깔끔하고 직관적으로 데이터를 확인할 수 있습니다.


DataCards 플러그인이란?

DataCards는 Obsidian에서 Dataview 쿼리로 얻은 데이터를 시각적인 카드 레이아웃으로 표현할 수 있게 해주는 플러그인입니다. 특히 아래와 같은 특징을 가지고 있어요:

  • Dataview 통합: 쿼리 결과를 카드 형태로 자동 렌더링

  • 다양한 카드 스타일: grid, portrait, square, compact, dense

  • 커스터마이징 가능: 폰트 크기, 컬럼 수, 이미지 크기 등을 자유롭게 설정

  • 이미지 지원: Frontmatter 속성에 저장된 이미지도 카드에 출력

  • 모바일 최적화: 작은 화면에서도 자동으로 최적 레이아웃 적용

  • 빠른 성능: Lazy Loading으로 이미지가 필요한 시점에만 로딩

단순히 예쁘게만 보여주는 게 아니라, 실제 사용성과 효율성도 뛰어납니다. 다만 이 플러그인은 Dataview 쿼리로 얻은 데이터를 활용하기 때문에 Dataview 플러그인이 먼저 설치되어 있어야 합니다.


설치 방법

  1. Obsidian의 설정(Settings) > Community Plugins로 이동

  2. Browse 버튼을 클릭하고, 검색창에 DataCards 입력

  3. 목록에서 DataCards 플러그인을 선택하고 Install(설치) 클릭

  4. 설치 후 Enable(활성화) 버튼을 눌러 플러그인을 사용 가능하게 설정

🔔 필수 전제조건

  • Obsidian 버전 0.15.0 이상
  • Dataview 플러그인이 사전 설치 및 활성화되어 있어야 정상 작동합니다

사용법과 예시

dataview 사용법을 알면 어느정도 쉽게 활용할 수 있습니다.

1. 코드 블록 생성

노트에 다음처럼 datacards로 시작하는 코드 블록을 작성합니다.

```datacards
TABLE author, rating, genre, cover 
FROM #books
WHERE rating >= 4
SORT rating DESC
preset: portrait
columns: 3
imageProperty: cover
properties: [author, rating, genre]
```
설정 항목 설명
preset grid, portrait, square, compact, dense 중 선택 가능
columns 카드 열 수 (예: 3이면 한 줄에 카드 3개)
fontSize 폰트 크기 조절 (예: fontSize: 14px)
imageHeight 이미지 높이 설정 (예: imageHeight: 150px)
align 텍스트 정렬 (예: align: center)
mobileColumns 모바일에서 보여줄 카드 수 (예: mobileColumns: 2)

설정은 글로벌 기본값을 .obsidian/plugins/obsidian-datacards/settings.json에서 지정할 수도 있고, 각 코드 블록 안에서 개별로 설정 할 수도 있습니다.


💡 활용 아이디어

DataCards는 단순히 예쁘게 보여주는 도구를 넘어서, 정보 정리와 생산성 향상에 정말 큰 도움이 되는 플러그인입니다. 실제로 이렇게 다양하게 활용할 수 있습니다.

  • 📚 독서 노트 정리
    읽은 책들의 표지, 저자, 평점, 장르 등을 카드로 깔끔하게 정리하면 한눈에 비교하기 좋습니다. 완독한 책을 정리하거나, 그에 따라 추천 도서 목록 만들 때도 유용합니다.

  • 📂 프로젝트 한눈에 보기
    진행 중인 프로젝트를 상태, 마감일, 담당자 기준으로 카드화하면 업무 상황을 쉽게 확인 할 수 있습니다.

  • 🎓 학습 노트 정리
    공부한 개념이나 키워드, 요약 내용, 관련 이미지를 카드로 만들어 복습용 학습 자료로 활용할 수 있습니다. 특히 시각적인 학습에 효과적입니다.

  • 🎮 취미나 컬렉션 관리
    좋아하는 영화, 게임, 수집 아이템들을 카드 형태로 정리하면 마치 나만의 카탈로그처럼 쓸 수 있습니다.


마무리

노트를 쌓는 일은 곧 나만의 정보를 축적해가는 흥미로운 일이지만, 그걸 어떻게 보여줄지 까지 고민하게 되면 Obsidian의 진짜 힘이 드러납니다. DataCards 플러그인은 단순한 데이터 나열을 넘어서, 정보를 직관적으로 읽고 싶을 때, 보기 좋게 정리하고 싶을 때 아주 유용합니다.

독서 기록, 프로젝트 상태, 학습 내용, 취미 정리 등 어디에 써도 손색이 없고, 쓰면 쓸수록 더 잘 쓰게 되는 도구입니다. 노트를 ‘읽는 즐거움’까지 갖추고 싶다면, 이 플러그인을 꼭 한 번 경험해보세요.

특히 Dataview로 데이터를 정리하는 데 익숙한 분이라면, 설정 몇 줄만으로도 흩어져 있던 정보들을 보기 좋게 정리할 수 있고, 데이터를 시각적으로 한눈에 파악하고 싶을 때도 이 플러그인은 정말 유용합니다.

참조

댓글 쓰기