Knowledge Graph로 지식 연결하기

Knowledge Graph는 단순히 정보를 저장하는 것을 넘어서, 개념들 간의 관계를 시각화하고 이해하는 강력한 도구입니다.

Knowledge Graph란?

Knowledge Graph는 **노드(개념)와 엣지(관계)**로 이루어진 네트워크 구조입니다.

[React] --사용--> [JSX]
   |              |
  포함          변환됨
   |              |
   v              v
[Hooks]        [JavaScript]

왜 중요한가?

우리 뇌는 이미 Knowledge Graph처럼 작동합니다:

• 개념들은 독립적으로 존재하지 않음
• 관련된 개념들이 서로 연결됨
• 한 개념을 떠올리면 연관된 개념들도 활성화됨

학습에서의 활용

1. 개념 간 연결 만들기

단순 암기 대신 의미있는 연결을 만드세요:

Before:

• React는 컴포넌트 기반 라이브러리
• useState는 상태 관리 hook
• useEffect는 부수 효과 처리 hook

After:

React (컴포넌트 기반)
  ├─ Hooks (상태/로직 재사용)
  │   ├─ useState (상태 관리)
  │   │   └─ 리렌더링 트리거
  │   └─ useEffect (부수 효과)
  │       └─ 생명주기 대체
  └─ Virtual DOM
      └─ 성능 최적화

2. 위키 링크 스타일

바보곰 블로그에서는 [[개념]] 형식으로 개념을 연결할 수 있습니다:

[[React]]의 [[Hooks]]를 사용하면 [[함수형 컴포넌트]]에서도
[[상태 관리]]가 가능합니다.

3. 양방향 링크

A가 B를 참조하면, B에서도 A를 볼 수 있습니다:

React
├─ 참조하는 글
│   ├─ "React Hooks 가이드"
│   └─ "컴포넌트 설계 패턴"
└─ 참조되는 글
    ├─ "프론트엔드 프레임워크 비교"
    └─ "SPA 아키텍처"

효과적인 Knowledge Graph 만들기

원칙 1: 작게 시작하기

처음부터 완벽한 그래프를 만들 필요 없습니다:

1. 핵심 개념 3-5개로 시작
2. 가장 중요한 관계 연결
3. 점진적으로 확장

원칙 2: 의미있는 관계 만들기

단순한 링크가 아닌 명확한 관계를 정의하세요:

• "A는 B의 일종이다" (is-a)
• "A는 B를 사용한다" (uses)
• "A는 B보다 앞서 배워야 한다" (prerequisite)
• "A는 B와 대조된다" (contrasts-with)

원칙 3: 시각화하기

텍스트로만 이해하기 어려울 때 다이어그램을 그려보세요:

     웹 개발
        │
    ┌───┴───┐
    │       │
  Front   Back
    │       │
 ┌──┴──┐   └──┐
React Vue   Node.js

실전 예제: 프로그래밍 학습

JavaScript 학습 그래프

JavaScript
├─ 기본 문법
│   ├─ 변수 (var, let, const)
│   ├─ 데이터 타입
│   └─ 제어문
├─ 함수
│   ├─ 함수 선언
│   ├─ 화살표 함수
│   └─ 고차 함수
│       ├─ map
│       ├─ filter
│       └─ reduce
├─ 객체지향
│   ├─ 프로토타입
│   ├─ 클래스
│   └─ 상속
└─ 비동기
    ├─ 콜백
    ├─ Promise
    └─ async/await

연결 예시

Promise 개념 카드:

# Promise

비동기 작업의 완료 또는 실패를 나타내는 객체

## 연결된 개념
- 선행: [[콜백]], [[비동기 프로그래밍]]
- 대체: [[async/await]]
- 활용: [[fetch API]], [[axios]]

## 주요 메서드
- then(): 성공 처리
- catch(): 에러 처리
- finally(): 마무리 작업

Knowledge Graph의 효과

1. 더 깊은 이해

개념들이 어떻게 연결되는지 보면서:

• 전체적인 맥락 파악
• 새로운 통찰 발견
• 오개념 식별

2. 효율적인 복습

연결된 개념들을 함께 복습:

• [[spaced-repetition-guide|Spaced Repetition]]과 결합
• 관련 개념 동시 강화
• 맥락 속에서 기억

3. 창의적 사고

서로 다른 개념을 연결하면:

• 새로운 아이디어 창출
• 문제 해결 능력 향상
• 학습 전이 촉진

바보곰 블로그에서 시작하기

Step 1: 첫 노드 만들기

오늘 배운 개념 하나를 정리하세요.

Step 2: 관련 개념 추가

그 개념과 연결된 다른 개념들을 추가하세요.

Step 3: 관계 정의

왜 이 개념들이 연결되는지 명시하세요.

Step 4: 시각화 확인

Knowledge Graph 뷰에서 전체 구조를 확인하세요.

결론

Knowledge Graph는 학습을 입체적으로 만들어줍니다:

• 🔗 연결: 개념들을 의미있게 연결
• 🧠 이해: 전체 맥락 속에서 이해
• 💡 발견: 새로운 통찰 발견

지금 바로 당신만의 Knowledge Graph를 만들어보세요!

---

관련 글

• [[spaced-repetition-guide|Spaced Repetition 가이드]]
• [[active-recall-science|Active Recall의 과학]]

참고 자료

• Roam Research: A note-taking tool for networked thought
• Obsidian: Your second brain, for you, forever
• Notion: Connected workspace