β Back to list
lucathree.com
Notion λ°μ΄ν°λ² μ΄μ€ κΈ°λ° κ°μΈ μΉμ¬μ΄νΈ
π€ κ°μΈ νλ‘μ νΈ
|2025. 10. ~ 2025. 10.
Node.jsTypeScriptNext.js
νμ¬ λ³΄κ³ κ³μλ μΉμ¬μ΄νΈλ κ°μΈ ν¬νΈν΄λ¦¬μ€ κ²Έ λΈλ‘κ·Έλ‘ μ¬μ©νκΈ° μν΄ μ§μ λ§λ€μμ΅λλ€.
μ μ μΈ μ΄λ ₯μλ₯Ό 보μ¬μ£Όλ κ²μ λμ΄, μ κ° μ§νν νλ‘μ νΈλ€μ λν μμΈν μ€λͺ
κ³Ό νμ κ°λ° κ΄λ ¨ νμ΅ λ΄μ© λ° κ°μΈμ μΈ κ²½νλ€μ κΈλ‘ μ 리νκ³ λνλ΄κΈ° μν΄ μ μνκ² λμμ΅λλ€.
μ£Όμ κΈ°λ₯
μ΄ μΉμ¬μ΄νΈμ νμλλ νλ‘μ νΈ μκ°κΈλ€κ³Ό λΈλ‘κ·Έ κΈμ λ
Έμ
DBλ₯Ό μ¬μ©νμ¬ μμ± λ° νμλ©λλ€.
λ³λ λ°±μλ μλ²λ₯Ό ꡬμΆνμ§ μκ³ λ
Έμ
APIμ Vercelλ§μ μ¬μ©νμ¬ λ°°ν¬νμΌλ©°, κ°μΈ λ
Έμ
νμ΄μ§μ μλμ κ°μ΄ κΈμ μμ±νλ©΄ λ°λ‘ μΉμ¬μ΄νΈμ λ°μλλ ꡬ쑰μ
λλ€.


Β
λ
Έμ
DBλ‘ λΆν° μ 체 νμ΄μ§ 리μ€νΈ λ° κ°λ³ νμ΄μ§ μ 보λ 곡μ Notion API(developers.notion.com/)μ
@notionhq/client λ
Έμ
SDKλ₯Ό μ¬μ©νμ¬ μ‘°νκ° μ΄λ£¨μ΄μ§λλ‘ κ΅¬νλμμΌλ©°, μΈλΆ νμ΄μ§ λ΄μ©μ notion-client λ° react-notion-x ν¨ν€μ§λ₯Ό μ¬μ©ν΄μ λ
Έμ
κ³Ό λμΌν λμμΈ λ° λ§ν¬λ€μ΄ κ΅¬μ‘°λ‘ νμλλλ‘ νμ΅λλ€.

μ°Έκ³ λ° κ°μ μ¬ν
λ
Έμ
μ μ¬μ©ν μΉμ¬μ΄νΈ ꡬνμ λν μμ΄λμ΄λ μμ μ λΈλ‘κ·Έμ©μΌλ‘ μ¬μ©νλ morethan-log μ€νμμ€ ν¨ν€μ§λ‘λΆν° μ»μ΄μμ΅λλ€. λ€λ§, μ€νμμ€λ₯Ό κ·Έλλ‘ μ¬μ©νλ€ λ³΄λ λ
Έμ
APIμ λ³κ²½μ¬νμ΄ μκ²Όμ λ κ³§λ°λ‘ λμμ΄ λμ§ μμ μ€λ₯κ° λ°μνκ±°λ λΈλ‘κ·Έ μΈ νμ΄μ§λ₯Ό μΆκ°νκ±°λ 컀μ€ν°λ§μ΄μ§ νλ κ²μ μ μ½μ΄ μμ΄ λ³λ μ μμ νκ² λμμ΅λλ€.
νΉν, morethan-log λ λΉκ³΅μ λ
Έμ
ν¨ν€μ§μΈ notion-clientμ μ 체 κΈ°λ₯μ μμ‘΄νκ³ μμ΄ λΈλ‘ λ¨μλ‘ λ³΅μ‘νκ² κ΅¬μ±λμ΄ μκ³ λ³ν κ°λ₯μ±μ΄ λμ λ
Έμ
μ€λΈμ νΈ λ°μ΄ν°λ₯Ό λ€λ€μΌνλ λΆνΈν¨μ΄ μμλλ°, notion-clientλ νμ΄μ§ λ΄μ© λ λλ§μλ§ μ¬μ©νκ³ λ
Έμ
DB μ‘°μμ 곡μ SDKλ₯Ό μ¬μ©νλλ‘ κ°μ νμ¬ μ‘°μ λ° κΈ°λ₯ μΆκ°κ° λ κ°νΈνκ² μ΄λ£¨μ΄μ§ μ μλλ‘ κ΅¬ννμ΅λλ€.
κΈ°μ μ€ν
- Node.js 22+
- TypeScript
- Next.js
- Tailwind.css
- @notionhq/client, notion-client
- react-notion-x
- vercel
Β