Skip to content
On this page

๐Ÿ›  Overlay Academy

๐ŸŽ› ์‹ค์‹œ๊ฐ„ ๋ฐฉ์†ก ์˜ค๋ฒ„๋ ˆ์ด ์‹œ์Šคํ…œ

Lyri ร— Brian Studio๊ฐ€ ๊ฐœ๋ฐœํ•œ ์‹ค์‹œ๊ฐ„ ์˜ค๋ฒ„๋ ˆ์ด ์—”์ง„์ž…๋‹ˆ๋‹ค.
v2 ๋ฒ„์ „๋ถ€ํ„ฐ Vue ๊ธฐ๋ฐ˜์œผ๋กœ ์žฌ๊ตฌ์ถ•๋˜์—ˆ์œผ๋ฉฐ,
Node ์„œ๋ฒ„ + WebSocket + MariaDB๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.


๐Ÿ“‚ ๋ฒ„์ „๋ณ„ ๋ฌธ์„œ

v2 โ€” ํ˜„์žฌ ๋ฉ”์ธ ๋ฒ„์ „

UI/UX๊ฐ€ ์™„์ „ ๊ฐœํŽธ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค.

  • โœ” Vue3 + Vite ๊ธฐ๋ฐ˜
  • โœ” WebSocket ์•ˆ์ •ํ™” ๋งค๋‹ˆ์ €
  • โœ” NowPlaying ์ง„ํ–‰๋ฅ  ์—”์ง„
  • โœ” ์ƒˆ ๋””์ž์ธ(Christmas / Studio ํ…Œ๋งˆ)
  • โœ” OverlayView + TrackControl ๋ถ„๋ฆฌ ๊ตฌ์กฐ

๐Ÿ‘‰ v2 ๋ฌธ์„œ ๋ณด๊ธฐ โ†’


๐Ÿงช ๊ฐœ๋ฐœ ๊ตฌ์กฐ ์š”์•ฝ

  • Node.js API ์„œ๋ฒ„
  • MariaDB ๋ฐ์ดํ„ฐ ์Šคํ‚ค๋งˆ
  • Cloudflare Tunnel / ๋„๋ฉ”์ธ ์—ฐ๊ฒฐ
  • OverlayView.vue / TrackControl.vue ๊ตฌ์กฐ
  • WebSocket ๋งค๋‹ˆ์ €

๐Ÿš€ ์•ž์œผ๋กœ์˜ ๊ณ„ํš

  • v3 ์‹คํ—˜ ๋ฒ„์ „
  • iOS/Android ํด๋ผ์ด์–ธํŠธ
  • PWA ๊ธฐ๋ฐ˜ ์•ฑ ์ œ์ž‘
  • OBS ํ”Œ๋Ÿฌ๊ทธ์ธ ํ˜•ํƒœ ํ™•์žฅ