πŸš€ Novu | μ˜€ν”ˆμ†ŒμŠ€ μ•Œλ¦Ό 인프라

λ°œν–‰: (2025λ…„ 12μ›” 28일 μ˜€ν›„ 04:22 GMT+9)
4 min read
원문: Dev.to

Source: Dev.to

Cover image for πŸš€ Novu | Open-Source Notification Infrastructure

κ°œμš”

μ•Œλ¦Ό μ‹œμŠ€ν…œμ„ μ²˜μŒλΆ€ν„° κ΅¬μΆ•ν•˜λŠ” 것은 μ‹œκ°„λ„ 많이 λ“€κ³  λ³΅μž‘ν•˜λ©° 반볡적인 μž‘μ—…μž…λ‹ˆλ‹€. λͺ¨λ“  ν˜„λŒ€ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ€ 이메일, SMS, ν‘Έμ‹œ μ•Œλ¦Ό, 인앱 μΈλ°•μŠ€, μ‹€μ‹œκ°„ μ—…λ°μ΄νŠΈκ°€ ν•„μš”ν•˜μ§€λ§Œ 이λ₯Ό 각각 λ”°λ‘œ κ΄€λ¦¬ν•˜λŠ” 것은 μ•…λͺ½κ³Όλ„ κ°™μŠ΅λ‹ˆλ‹€.

NovuλŠ” 이메일, SMS, ν‘Έμ‹œ, μ±„νŒ…, 인앱 μ•Œλ¦Όμ„ 단일 API둜 ν†΅ν•©ν•˜λŠ” κ°•λ ₯ν•œ μ˜€ν”ˆμ†ŒμŠ€ μ•Œλ¦Ό μΈν”„λΌμŠ€νŠΈλŸ­μ²˜μ΄λ©°, μ›Œν¬ν”Œλ‘œ μžλ™ν™”, μ‹€μ‹œκ°„ 전달, μž„λ² λ“œ κ°€λŠ₯ν•œ UI μ»΄ν¬λ„ŒνŠΈλ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

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

  • βœ… 톡합 μ•Œλ¦Ό API – ν•˜λ‚˜μ˜ API둜 이메일, SMS, ν‘Έμ‹œ, μ±„νŒ… 및 인앱 λ©”μ‹œμ§€ 전솑
  • βœ… μž„λ² λ“œ κ°€λŠ₯ν•œ μ•Œλ¦Ό μ„Όν„° – 읽음/읽지 μ•ŠμŒ μƒνƒœλ₯Ό ν‘œμ‹œν•˜λŠ” μ‹€μ‹œκ°„ μΈλ°•μŠ€ UI
  • βœ… μ›Œν¬ν”Œλ‘œ 및 λΌμš°νŒ… μ—”μ§„ – 채널 μš°μ„ μˆœμœ„, 폴백 및 쑰건뢀 둜직
  • βœ… λ‹€μ΄μ œμŠ€νŠΈ 및 μŠ€μΌ€μ€„λ§ μ‹œμŠ€ν…œ – μ•Œλ¦Όμ„ 배치 μ²˜λ¦¬ν•΄ μ†ŒμŒ κ°μ†Œ
  • βœ… μ‚¬μš©μž μ„ ν˜Έλ„ 관리 – 채널 및 λΉˆλ„μ— λŒ€ν•œ μ™„μ „ν•œ μ œμ–΄
  • βœ… μ‹€μ‹œκ°„ μ—…λ°μ΄νŠΈ – WebSocket 기반 μ¦‰μ‹œ 전달
  • βœ… μ˜€ν”ˆμ†ŒμŠ€ 및 자체 ν˜ΈμŠ€νŒ… κ°€λŠ₯ – MIT λΌμ΄μ„ μŠ€, μ–΄λ””μ„œλ“  배포 κ°€λŠ₯

기술 μŠ€νƒ 및 μ•„ν‚€ν…μ²˜

λ°±μ—”λ“œ

  • πŸ’» Node.js + TypeScript – 핡심 λ°±μ—”λ“œ
  • 🧩 Express / NestJS – API ν”„λ ˆμž„μ›Œν¬
  • πŸ“¦ MongoDB – μ•Œλ¦Ό μ €μž₯μ†Œ
  • ⚑ Redis + BullMQ – 큐 및 λ°±κ·ΈλΌμš΄λ“œ μž‘μ—…
  • πŸ”Œ WebSocket / Socket.io – μ‹€μ‹œκ°„ 전달
  • πŸ“¨ Handlebars – 이메일 ν…œν”Œλ¦Ώ μ—”μ§„

ν”„λ‘ νŠΈμ—”λ“œ

  • 🎨 React – λŒ€μ‹œλ³΄λ“œ 및 μΈλ°•μŠ€ UI
  • πŸ’  Tailwind CSS / CSS Modules – μŠ€νƒ€μΌλ§
  • πŸ“˜ Storybook – UI μ»΄ν¬λ„ŒνŠΈ 개발

DevOps 및 인프라

  • 🐳 Docker & Docker Compose
  • πŸ” CI/CD νŒŒμ΄ν”„λΌμΈ
  • 🌐 REST + WebSocket μ•„ν‚€ν…μ²˜

μ§€μ›λ˜λŠ” 제곡자 톡합

  • 이메일: SendGrid, Mailgun, AWS SES, Postmark, SMTP
  • SMS: Twilio, Vonage, Plivo, SNS
  • ν‘Έμ‹œ: Firebase Cloud Messaging, Expo, APNS, Pushpad
  • μ±„νŒ…: Slack, Discord, Microsoft Teams

Novuλ₯Ό μ‚¬μš©ν•˜λŠ” 이유

  • πŸ”Ή μ€‘λ³΅λœ μ•Œλ¦Ό 둜직 제거
  • πŸ”Ή 채널 κ°„ μ›Œν¬ν”Œλ‘œ ν‘œμ€€ν™”
  • πŸ”Ή 개발 μ‹œκ°„ λŒ€ν­ 절감
  • πŸ”Ή μ•Œλ¦Όμ„ μ•ˆμ •μ μœΌλ‘œ ν™•μž₯
  • πŸ”Ή μ€€λΉ„λœ UI μ»΄ν¬λ„ŒνŠΈ ν™œμš©

GitHub μ €μž₯μ†Œ 및 λ¬Έμ„œ

https://reactjsguru.com/repos/mastering-modern-notification-systems-with-novu?utm_source=devto&utm_medium=social&utm_campaign=repo_post (maintained by NovuHQ)

πŸ’¬ μ—¬λŸ¬λΆ„μ€ 직접 μ•Œλ¦Ό μ‹œμŠ€ν…œμ„ κ΅¬μΆ•ν•˜μ‹œκ² μŠ΅λ‹ˆκΉŒ, μ•„λ‹ˆλ©΄ Novu와 같은 μ˜€ν”ˆμ†ŒμŠ€ μΈν”„λΌμŠ€νŠΈλŸ­μ²˜λ₯Ό ν™œμš©ν•˜μ‹œκ² μŠ΅λ‹ˆκΉŒ? μ˜κ²¬μ„ λ‚˜λˆ λ³΄μ„Έμš”!

Back to Blog

κ΄€λ ¨ κΈ€

더 보기 Β»

[FREE TOOL] 🐻 Digibear Icons β€” manifest 기반, 크둜슀 ν”Œλž«νΌ μ•„μ΄μ½˜ μ‹œμŠ€ν…œ

μ—¬λŸ¬λΆ„, μ•ˆλ…•ν•˜μ„Έμš” πŸ‘‹ μ €λŠ” 방금 Digibear Iconsλ₯Ό κ³΅κ°œν–ˆμŠ΅λ‹ˆλ‹€ β€” 무료 manifest‑based, cross‑platform μ•„μ΄μ½˜ μ‹œμŠ€ν…œμž…λ‹ˆλ‹€. 이것은 λ‹¨μˆœνžˆ 또 λ‹€λ₯Έ μ•„μ΄μ½˜ λΌμ΄λΈŒλŸ¬λ¦¬κ°€ μ•„λ‹™λ‹ˆλ‹€. κ°œλ…μ€ λ§€μš°β€¦

λͺ¨λ“  κ°œλ°œμžκ°€ μ•Œμ•„μ•Ό ν•  8κ°€μ§€ μ˜€ν”ˆμ†ŒμŠ€ 도ꡬ πŸ”₯

HMPL.js – HTML을 가져와 μ•ˆμ „ν•˜κ²Œ λ Œλ”λ§ν•˜κ³ , 앱을 동적이고 ν˜„λŒ€μ μ΄λ©° μž‘κ²Œ μœ μ§€ν•©λ‹ˆλ‹€. μ„œλ²„μ—μ„œ λ””μžμΈμ„ λ§Œλ“€κ³  전솑할 수 μžˆλŠ” μž‘μ€ ν…œν”Œλ¦Ώ μ–Έμ–΄.