notion-widget

πŸ“š Notion Book Search Widget (μ‚¬μš©μž κ°€μ΄λ“œ)

Notion λ…μ„œ λ…ΈνŠΈμ— μ‚¬μš©ν•  수 μžˆλŠ” κ°„νŽΈν•œ λ„μ„œ 검색 μœ„μ ―μž…λ‹ˆλ‹€. μ±… 제λͺ©μ„ κ²€μƒ‰ν•˜κ³  λ²„νŠΌ ν•˜λ‚˜λ§Œ λˆ„λ₯΄λ©΄ λ‚΄ Notion νŽ˜μ΄μ§€μ— μ±… 정보가 κΉ”λ”ν•˜κ²Œ μ •λ¦¬λ˜μ–΄ λ“€μ–΄κ°‘λ‹ˆλ‹€.

✨ μ£Όμš” κΈ°λŠ₯

οΏ½ μ‚¬μš© 방법

μš΄μ˜μžκ°€ μ œκ³΅ν•œ μœ„μ ― μ£Όμ†Œ(URL)λ₯Ό μ€€λΉ„ν•˜μ„Έμš”.

1. Notion API μ„€μ •

λ‚΄ Notion에 글을 μ“Έ 수 μžˆλŠ” κΆŒν•œμ„ μ–»κΈ° μœ„ν•΄ β€˜ν† ν°β€™μ΄ ν•„μš”ν•©λ‹ˆλ‹€.

⚠️ μ•ˆμ‹¬ν•˜μ„Έμš”! μž…λ ₯ν•˜μ‹  토큰은 μ„œλ²„μ— μ „μ†‘λ˜μ§€ μ•Šκ³ , 였직 μ‚¬μš©μžμ˜ λΈŒλΌμš°μ €μ—λ§Œ μ €μž₯λ˜μ–΄ Notionκ³Ό 직접 ν†΅μ‹ ν•˜λŠ” λ°μ—λ§Œ μ‚¬μš©λ©λ‹ˆλ‹€.

  1. Notion λ‚΄ 톡합 λ§Œλ“€κΈ° νŽ˜μ΄μ§€λ‘œ μ ‘μ†ν•©λ‹ˆλ‹€.
  2. + μƒˆ 톡합 λ²„νŠΌμ„ ν΄λ¦­ν•©λ‹ˆλ‹€.
  3. 이름을 μž…λ ₯ν•˜κ³ (예: λ‚΄ λ…μ„œκΈ°λ‘μž₯) μ œμΆœν•©λ‹ˆλ‹€.
  4. μ‹œν¬λ¦Ώ 토큰(Internal Integration Token)을 λ³΅μ‚¬ν•΄λ‘‘λ‹ˆλ‹€. (secret_... 으둜 μ‹œμž‘)

2. Notion νŽ˜μ΄μ§€ μ—°κ²°

책을 μ €μž₯ν•  λ°μ΄ν„°λ² μ΄μŠ€ νŽ˜μ΄μ§€μ— κΆŒν•œμ„ λΆ€μ—¬ν•΄μ•Ό ν•©λ‹ˆλ‹€.

  1. Notionμ—μ„œ 책을 μ €μž₯ν•  λ°μ΄ν„°λ² μ΄μŠ€ νŽ˜μ΄μ§€λ₯Ό μ—½λ‹ˆλ‹€.
  2. 우츑 상단 ... 메뉴 클릭 β†’ μ—°κ²°(Connect) β†’ 검색창에 방금 λ§Œλ“  톡합 이름 μž…λ ₯ ν›„ 선택.
  3. 확인을 눌러 μ—°κ²°ν•©λ‹ˆλ‹€.

3. μœ„μ ― μ„€μ •ν•˜κΈ°

  1. μœ„μ ― μ£Όμ†Œλ‘œ μ ‘μ†ν•©λ‹ˆλ‹€.
  2. 우츑 상단 ν†±λ‹ˆλ°”ν€΄(βš™οΈ) μ•„μ΄μ½˜μ„ 눌러 μ„€μ •μœΌλ‘œ λ“€μ–΄κ°‘λ‹ˆλ‹€.
  3. Notion Token: μ•„κΉŒ λ³΅μ‚¬ν•œ μ‹œν¬λ¦Ώ 토큰을 λΆ™μ—¬λ„£μŠ΅λ‹ˆλ‹€.
  4. Database ID: Notion λ°μ΄ν„°λ² μ΄μŠ€μ˜ URLμ—μ„œ ID 뢀뢄을 볡사해 λ„£μŠ΅λ‹ˆλ‹€.
    • 예: https://www.notion.so/my-page/a1b2c3d4e5...?v=... (ꡡ은 λΆ€λΆ„)
  5. 속성 λ§€ν•‘: λ‚΄ λ°μ΄ν„°λ² μ΄μŠ€μ˜ ν•­λͺ© 이름과 λ˜‘κ°™μ΄ μ μ–΄μ€λ‹ˆλ‹€.
    • 예: 제λͺ© β†’ 이름, μ €μž β†’ 지은이, ν‘œμ§€ β†’ 이미지 λ“±
  6. Save Configuration λ²„νŠΌμ„ λˆ„λ¦…λ‹ˆλ‹€.

4. Notion에 λ„£κΈ°

이제 섀정이 λλ‚¬μŠ΅λ‹ˆλ‹€! Notion νŽ˜μ΄μ§€μ—μ„œ /embed λ˜λŠ” /μž„λ² λ“œλ₯Ό 치고 μœ„μ ― μ£Όμ†Œλ₯Ό μž…λ ₯ν•˜λ©΄, λ‚΄ νŽ˜μ΄μ§€ μ•ˆμ—μ„œ λ°”λ‘œ 책을 κ²€μƒ‰ν•˜κ³  μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.