History

befluent.tv๊ฐ€ ๊ฑธ์–ด์˜จ ๊ธธ

2026

3์›” โ€” ์žฌํƒ„์ƒ

  • ์ƒˆ ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋กœ ํ”„๋กœ์ ํŠธ ์žฌ์‹œ์ž‘
  • Django + Tailwind CSS v4 + Vanilla JS ์Šคํƒ์œผ๋กœ ์ „๋ฉด ์žฌ์„ค๊ณ„
  • AI ์ž๋ง‰ ์ƒ์„ฑ(Whisper), ๋ฒˆ์—ญ, ๋”•ํ…Œ์ด์…˜ ๋ชจ๋“œ ๋“ฑ ์‹ ๊ธฐ๋Šฅ ์ถ”๊ฐ€

2022

4์›” โ€” ๋งˆ์ง€๋ง‰ ์ปค๋ฐ‹

  • ํฌ๋กฌ ์—…๋ฐ์ดํŠธ ํ›„ ํ”Œ๋ ˆ์ด ๋ฒ„๊ทธ ์ˆ˜์ •
  • ์ดํ›„ ์„œ๋น„์Šค ํœด๋ฉด ์ƒํƒœ

3์›” โ€” Caption ์‹œ์Šคํ…œ ๋ฆฌํŒฉํ† ๋ง

  • Track โ†’ Caption ๋ชจ๋ธ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜
  • ๋ฒˆ์—ญ ์ž๋ง‰ ๊ธฐ๋Šฅ ๊ตฌํ˜„ (ํ•œ๊ตญ์–ด)
  • ์žฌ์ƒ ์‹œ์Šคํ…œ ๊ฐœ์„ 

2์›” โ€” BIG SCREEN & Tailwind

  • "BIG CHANGE, BIG SCREEN" โ€” ๋Œ€ํ™”๋ฉด UI ์ „๋ฉด ๊ฐœํŽธ
  • Tailwind CSS ๋„์ž… โ€” CSS ํ”„๋ ˆ์ž„์›Œํฌ ์ „ํ™˜

1์›” โ€” ์•ˆ์ •ํ™” & ์‚ฌ์šฉ์ž ๊ฒฝํ—˜

  • ํŒจ์Šค์›Œ๋“œ ๋ฆฌ์…‹ ๊ธฐ๋Šฅ
  • ๋กœ์ผ€์ผ ์ฒ˜๋ฆฌ ์•ˆ์ •ํ™”
  • ๋ฒˆ์—ญ(i18n) ๋Œ€๊ทœ๋ชจ ์ž‘์—…
  • ํ•™์Šต ๊ธฐ๋ก(History) ์‹œ์Šคํ…œ ์žฌ์„ค๊ณ„
  • SEO ๊ฐœ์„  โ€” Video JSON ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ, iframe ์ž„๋ฒ ๋“œ ์‹คํ—˜

2021

12์›” โ€” ๋Œ€๊ทœ๋ชจ ๋ฆฌ๋‰ด์–ผ

  • URL ๊ตฌ์กฐ ๊ฐœํŽธ โ€” HashID ๋„์ž…, /v/ โ†’ /s/ ๋ณ€๊ฒฝ
  • ์Šคํฌ๋กค ์‹œ ๋น„๋””์˜ค ๊ณ ์ • ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • ํŠธ๋ž™ ์ €์žฅ ๊ธฐ๋Šฅ (๋กœ๊ทธ์ธ ์‚ฌ์šฉ์ž)
  • ๋น„๋กœ๊ทธ์ธ ์‚ฌ์šฉ์ž ํ•™์Šต ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • ๋น„๋””์˜ค ํŽ˜์ด์ง€ JavaScript ๋ถ„๋ฆฌ ๋ฐ ์ •๋ฆฌ

10์›” โ€” ๋‘ ๋ฒˆ์งธ ์ฝ˜ํ…์ธ  ํ”ผํฌ (๋น„๋””์˜ค 174๊ฐœ)

  • ๋Œ€๊ทœ๋ชจ ์ฝ˜ํ…์ธ  ์ž…๋ ฅ 2์ฐจ ์ŠคํผํŠธ

8~9์›” โ€” ๊พธ์ค€ํ•œ ํ™•์žฅ (๋น„๋””์˜ค 80๊ฐœ)

  • ๋กœ์ผ€์ผ ๊ด€๋ จ ์ˆ˜์ •, ๋‹ค๊ตญ์–ด ๋ฐ์ดํ„ฐ ์ •๋น„
  • ์ฝ˜ํ…์ธ  ์ง€์† ์ž…๋ ฅ

7์›” โ€” ์ฝ˜ํ…์ธ  ๋Œ€ํญ๋ฐœ (๋น„๋””์˜ค 243๊ฐœ)

  • ํ•œ ๋‹ฌ๊ฐ„ 243๊ฐœ ๋น„๋””์˜ค ์ž๋ง‰ ์ˆ˜๋™ ์ž…๋ ฅ โ€” ํ•˜๋ฃจ ํ‰๊ท  8๊ฐœ
  • ํ”„๋กœ๊ทธ๋žจ ์ •๋ ฌ, ๋””์Šคํฌ๋ฆฝ์…˜ ํ‘œ์‹œ, IP ํ•„ํ„ฐ๋ง ์ถ”๊ฐ€

6์›” โ€” ๊ธฐ๋Šฅ ๊ณ ๋„ํ™” & ์ฝ˜ํ…์ธ  ๊ฐ€์† (๋น„๋””์˜ค 47๊ฐœ)

  • ๋Œ€์‚ฌ๋ณด๊ธฐ ํ† ๊ธ€ ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • ์Œ์„ฑ์ธ์‹ ํ…Œ์ŠคํŠธ ์‹œ๋„
  • ์ธ๋„ค์ผ ์ด๋ฏธ์ง€ ์‹œ์Šคํ…œ ๊ตฌ์ถ•
  • Sitemap ์ƒ์„ฑ โ€” ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”
  • ํŠธ๋ž™ ๊ฐฏ์ˆ˜ ์ œํ•œ (15๊ฐœ) โ€” ํ•™์Šต ํšจ๊ณผ ์ตœ์ ํ™”
  • ํ”„๋กœ๊ทธ๋žจ ํŽ˜์ด์ง€์— ๋ธŒ๋žœ๋“œ ๋…ธ์ถœ

5์›” โ€” ์ฝ˜ํ…์ธ  ํ™•์žฅ ์‹œ์ž‘ (๋น„๋””์˜ค 30๊ฐœ)

  • ๋ณธ๊ฒฉ์ ์ธ ์ž๋ง‰ ๋ฐ์ดํ„ฐ ์ž…๋ ฅ ์‹œ์ž‘

4์›” โ€” ๋ชจ๋‹ˆํ„ฐ๋ง ์ธํ”„๋ผ ๊ตฌ์ถ•

  • New Relic, Sentry, Datadog ๋ชจ๋‹ˆํ„ฐ๋ง 3์ข… ์„ธํŠธ ์ถ”๊ฐ€

3์›” โ€” ๋””์ž์ธ ์ ์šฉ & ๋Ÿฐ์นญ ์ค€๋น„ (๋น„๋””์˜ค 9๊ฐœ)

  • ์ „๋ฌธ ๋””์ž์ธ ์ ์šฉ ์™„๋ฃŒ (ํ”„๋กœํ•„, ๋ฉ”์ธํŽ˜์ด์ง€)
  • Bootstrap + SASS ๋„์ž…
  • Google Analytics ์ถ”๊ฐ€ โ€” ์‚ฌ์šฉ์ž ๋ถ„์„ ์‹œ์ž‘
  • Smartlook ์„ธ์…˜ ๋ฆฌ์ฝ”๋”ฉ ๋„์ž…
  • SEO ์ตœ์ ํ™” โ€” slug URL, OG ์ด๋ฏธ์ง€, ํŽ˜์ด์ง€๋ณ„ ํƒ€์ดํ‹€ ์ ์šฉ
  • ๋ชจ๋ฐ”์ผ ๋Œ€์‘ โ€” 320px ์ดํ•˜ ํ™”๋ฉด๊นŒ์ง€ ์ง€์›

2์›” โ€” ํƒ„์ƒ (๋น„๋””์˜ค 16๊ฐœ)

  • 2์›” 3์ผ โ€” ์ฒซ ์ปค๋ฐ‹. "๋™์ž‘ํ•˜๋Š” ๋ฒ„์ „... ์ฒซ๋ฒˆ์งธ". ์ƒ˜ํ”Œ ์ฝ˜ํ…์ธ  2๊ฐœ๋กœ ์‹œ์ž‘
  • ์—ํ”ผ์†Œ๋“œ ํŽ˜์ด์ง€ ์ถ”๊ฐ€, ์ž๋ง‰ ๊ฐ€๋ฆฌ๊ธฐ/๋ณด์ด๊ธฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ๋ฒ„ํŠผ ๊ตฌ์กฐ ๋ณ€๊ฒฝ ๋ฐ ์•„์ดํฐ ๋Œ€์‘
  • ํŽธ์ง‘๊ธฐ ์™„์„ฑ โ€” ์ž๋ง‰ ํŠธ๋ž™์„ ์ง์ ‘ ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ ์™„์„ฑ
  • ์นดํ…Œ๊ณ ๋ฆฌ, ์—ํ”ผ์†Œ๋“œ ์ƒํƒœ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๊ตฌ์ถ•