๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ์ ์ํ ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ์ ์ดํดํ๊ณ ์ต์ ํํ๋ ๋ฐฉ๋ฒ์ ๋ํ ์ข ํฉ ๊ฐ์ด๋์ ๋๋ค. ์ฒ๋ฆฌ ์๋์ ์ํฅ์ ๋ฏธ์น๋ ์์ธ๊ณผ ์ค์ฉ์ ์ธ ์ต์ ํ ๊ธฐ์ ์ ๋ํด ์์๋ณด์ธ์.
ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ: ๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ ์ฒ๋ฆฌ ์๋ ์ต์ ํ
์ค๋๋ ๋์งํธ ์ฐ๊ฒฐ ์ธ๊ณ์์ ์ํํ ๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ์ ๋งค์ฐ ์ค์ํฉ๋๋ค. VOD(Video On Demand), ๋ผ์ด๋ธ ๋ฐฉ์ก, ์ธํฐ๋ํฐ๋ธ ๋ฏธ๋์ด ๊ฒฝํ ๋ฑ ์ฌ์ฉ์๋ ์์ ์ ์ฅ์น์์ ์ฆ๊ฐ์ ์ด๊ณ ๊ณ ํ์ง์ ์ฌ์์ ๊ธฐ๋ํฉ๋๋ค. ํ๋ก ํธ์๋, ์ฆ ํด๋ผ์ด์ธํธ ์ธก์ ์ด๋ฌํ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐ ์ค์ํ ์ญํ ์ ํฉ๋๋ค. ์ด ๊ธฐ์ฌ์์๋ ๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ ์ฒ๋ฆฌ ์๋์ ์ํฅ์ ๋ฏธ์น๋ ์์ธ์ ์ด์ ์ ๋ง์ถ๊ณ ๋ค์ํ ํ๋ซํผ๊ณผ ์ง์ญ์ ์ ์ฉํ ์ ์๋ ์ค์ฉ์ ์ธ ์ต์ ํ ๊ธฐ์ ์ ์ ๊ณตํ์ฌ ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ์ ๋ํ ํฌ๊ด์ ์ธ ๊ฐ์๋ฅผ ์ ๊ณตํฉ๋๋ค.
ํ๋ก ํธ์๋ ์ฌ์ ํ์ดํ๋ผ์ธ ์ดํด
์ต์ ํ ์ ๋ต์ ์ดํด๋ณด๊ธฐ ์ ์ ํ๋ก ํธ์๋ ์ฌ์ ํ์ดํ๋ผ์ธ์ ๊ธฐ๋ณธ ๋จ๊ณ๋ฅผ ์ดํดํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
- ๋คํธ์ํฌ ์์ฒญ ๋ฐ ๋ค์ด๋ก๋: ์๋ฒ ๋๋ CDN์์ ๋ฏธ๋์ด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ต๋๋ค.
- ๋ฒํผ๋ง: ์ํํ ์ฌ์์ ๋ณด์ฅํ๊ธฐ ์ํด ๋ค์ด๋ก๋๋ ๋ฐ์ดํฐ๋ฅผ ์์๋ก ์ ์ฅํฉ๋๋ค.
- ๋๋จน์ฑ: ๋ฏธ๋์ด ์คํธ๋ฆผ์ ๊ตฌ์ฑ ์ค๋์ค ๋ฐ ๋น๋์ค ํธ๋์ผ๋ก ๋ถ๋ฆฌํฉ๋๋ค.
- ๋์ฝ๋ฉ: ์ธ์ฝ๋ฉ๋ ๋ฏธ๋์ด ๋ฐ์ดํฐ๋ฅผ ์์ ๋น์์ถ ํ๋ ์์ผ๋ก ๋ณํํฉ๋๋ค.
- ๋ ๋๋ง: ๋์ฝ๋ฉ๋ ํ๋ ์์ ํ๋ฉด์ ํ์ํ๊ฑฐ๋ ์คํผ์ปค๋ฅผ ํตํด ์ค๋์ค๋ฅผ ์ฌ์ํฉ๋๋ค.
์ด๋ฌํ ๊ฐ ๋จ๊ณ๋ ํจ์จ์ ์ผ๋ก ์ฒ๋ฆฌ๋์ง ์์ผ๋ฉด ์ฑ๋ฅ ๋ณ๋ชฉ ํ์์ ์ผ์ผํฌ ์ ์์ต๋๋ค. ์ด๋ฌํ ๋ณ๋ชฉ ํ์์ด ๋ฐ์ํ๋ ์์น๋ฅผ ์ดํดํ๋ ๊ฒ์ด ์ต์ ํ๋ฅผ ์ํ ์ฒซ ๋ฒ์งธ ๋จ๊ณ์ ๋๋ค.
ํ๋ก ํธ์๋ ์ฌ์ ์ฑ๋ฅ์ ์ํฅ์ ๋ฏธ์น๋ ์์ธ
์ฌ๋ฌ ์์ธ์ด ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์์ ์ฒ๋ฆฌ ์๋์ ์ ๋ฐ์ ์ธ ์ฑ๋ฅ์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ์ด๋ฌํ ์์ธ์ ๋ค์๊ณผ ๊ฐ์ด ํฌ๊ฒ ๋ถ๋ฅํ ์ ์์ต๋๋ค.
1. ๋คํธ์ํฌ ์กฐ๊ฑด
๋คํธ์ํฌ ์ฐ๊ฒฐ์ ์คํธ๋ฆฌ๋ฐ ํ์ง์ ์ฃผ์ ๊ฒฐ์ ์์ธ์ ๋๋ค. ๊ณ ๋ คํด์ผ ํ ์์๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
- ๋์ญํญ: ๋์ญํญ์ด ๋ถ์กฑํ๋ฉด ๋ฒํผ๋ง, ํ์ง ์ ํ ๋๋ ์ฌ์ ์ค๋จ์ด ๋ฐ์ํฉ๋๋ค.
- ์ง์ฐ ์๊ฐ: ์ง์ฐ ์๊ฐ์ด ๊ธธ์๋ก ๋ฐ์ดํฐ๋ฅผ ์์ ํ๋ ๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ์ด ๋์ด๋ ์๋ต์ฑ์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
- ํจํท ์์ค: ์์ค๋ ํจํท์ ์คํธ๋ฆผ์ ์ค๋จ์ํค๊ณ ์ฌ์ ์ก์ ์๊ตฌํ์ฌ ์ฌ์ ์๋๋ฅผ ๋ฆ์ถ ์ ์์ต๋๋ค.
- ๋คํธ์ํฌ ํผ์ก: ํผํฌ ์๊ฐ ๋๋ ํผ์กํ ๋คํธ์ํฌ๋ ์คํธ๋ฆฌ๋ฐ ์ฑ๋ฅ์ ํฐ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
์: ์ธํฐ๋ท ์ ์์ด ์ ํ์ ์ธ ์ธ๋ ๋์ด ์ง์ญ์ ์ฌ์ฉ์๋ ๊ณ ์ ๊ด์ฌ์ ์ฐ๊ฒฐ์ ์ฌ์ฉํ๋ ๋์ฟ์ ์ฌ์ฉ์์ ๋นํด ์๋นํ ๋ฒํผ๋ง ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์์ต๋๋ค.
2. ๋ฏธ๋์ด ์ธ์ฝ๋ฉ ๋ฐ ์ฝ๋ฑ
์ธ์ฝ๋ฉ ๋ฐ ์ฝ๋ฑ์ ์ ํ์ ๋์ฝ๋ฉ ํ๋ก์ธ์ค์ ๋ณต์ก์ฑ์ ์ง์ ์ ์ธ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
- ์ฝ๋ฑ ๋ณต์ก์ฑ: H.265(HEVC)์ ๊ฐ์ ๋ณต์กํ ์ฝ๋ฑ์ ๋ ๋์ ์์ถ๋ฅ ์ ์ ๊ณตํ์ง๋ง H.264(AVC)์ ๊ฐ์ ๋จ์ํ ์ฝ๋ฑ๋ณด๋ค ๋ ๋ง์ ์ฒ๋ฆฌ ๋ฅ๋ ฅ์ด ํ์ํฉ๋๋ค.
- ๋นํธ ์ ์ก๋ฅ : ๋นํธ ์ ์ก๋ฅ ์ด ๋์์๋ก ํ์ง์ด ํฅ์๋์ง๋ง ๋ ๋ง์ ๋์ญํญ๊ณผ ์ฒ๋ฆฌ๊ฐ ํ์ํฉ๋๋ค.
- ํด์๋: ๋ ๋์ ํด์๋(์: 4K)๋ ๋์ฝ๋ฉ ๋ฐ ๋ ๋๋ง์ ํจ์ฌ ๋ ๋ง์ ์ฒ๋ฆฌ ๋ฅ๋ ฅ์ ์๊ตฌํฉ๋๋ค.
- ํ๋ ์ ์๋: ๋ ๋์ ํ๋ ์ ์๋(์: 60fps)๋ ๋์คํ๋ ์ด๋ฅผ ๋ ์์ฃผ ์ ๋ฐ์ดํธํด์ผ ํ๋ฏ๋ก ์ฒ๋ฆฌ ๋ถํ๊ฐ ์ฆ๊ฐํฉ๋๋ค.
์: ์ ๋ ฅ์ด ๋ฎ์ ์ฅ์น๋ฅผ ์ฌ์ฉํ๋ ์ฌ์ฉ์๋ฅผ ๋์์ผ๋ก ํ๋ ์คํธ๋ฆฌ๋ฐ ์๋น์ค๋ ํด๋ผ์ด์ธํธ์ ๋์ฝ๋ฉ ๋ถ๋ด์ ์ค์ด๊ธฐ ์ํด H.265๋ณด๋ค H.264 ์ธ์ฝ๋ฉ์ ์ฐ์ ์ํ๋๋ก ์ ํํ ์ ์์ต๋๋ค.
3. ์ฅ์น ๊ธฐ๋ฅ
์ฌ์ฉ์ ์ฅ์น์ ๊ธฐ๋ฅ์ ์ฌ์ ์ฑ๋ฅ์ ์ค์ํ ์ญํ ์ ํฉ๋๋ค.
- CPU ๋ฐ GPU ์ฑ๋ฅ: ๋์ฝ๋ฉ ๋ฐ ๋ ๋๋ง์ ์ฅ์น์ CPU ๋ฐ GPU์ ํฌ๊ฒ ์์กดํ๋ ๊ณ์ฐ ์ง์ฝ์ ์ธ ์์ ์ ๋๋ค.
- ๋ฉ๋ชจ๋ฆฌ: ๋ฏธ๋์ด ๋ฐ์ดํฐ๋ฅผ ๋ฒํผ๋งํ๊ณ ๋์ฝ๋ฉ๋ ํ๋ ์์ ์ ์ฅํ๋ ค๋ฉด ์ถฉ๋ถํ ๋ฉ๋ชจ๋ฆฌ๊ฐ ํ์ํฉ๋๋ค.
- ์ด์ ์ฒด์ : ์ด์ ์ฒด์ ์ ๋ฏธ๋์ด ํ๋ ์์ํฌ(์: Windows์ Media Foundation, macOS/iOS์ AVFoundation)๋ ๋์ฝ๋ฉ ํจ์จ์ฑ์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฅ: ๋ฏธ๋์ด ์ฝ๋ฑ ๋ฐ API(์: Media Source Extensions)์ ๋ํ ์น ๋ธ๋ผ์ฐ์ ์ ์ง์์ ์ฌ์ ๊ธฐ๋ฅ์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
์: ํ๋ก์ธ์ ์๋๊ฐ ๋๋ฆฌ๊ณ ๋ฉ๋ชจ๋ฆฌ๊ฐ ์ ํ๋ ๊ตฌํ ์ค๋งํธํฐ์ ๊ณ ํด์๋, ๊ณ ๋นํธ ์ ์ก๋ฅ ๋น๋์ค ์คํธ๋ฆผ์ ์ํํ๊ฒ ์ฌ์ํ๋ ๋ฐ ์ด๋ ค์์ ๊ฒช์ ๊ฒ์ ๋๋ค.
4. ํ๋ก ํธ์๋ ๊ตฌํ
ํ๋ก ํธ์๋๊ฐ ๊ตฌํ๋๋ ๋ฐฉ์์ ์ฌ์ ์ฑ๋ฅ์ ํฐ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- ๋ฏธ๋์ด ํ๋ ์ด์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ: ๋ฏธ๋์ด ํ๋ ์ด์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ(์: Video.js, Shaka Player, hls.js)์ ์ ํ์ ๋์ฝ๋ฉ ํจ์จ์ฑ ๋ฐ ๊ธฐ๋ฅ ์ง์์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- JavaScript ์ฑ๋ฅ: ๋นํจ์จ์ ์ธ JavaScript ์ฝ๋๋ ๋ฒํผ๋ง, ๋๋จน์ฑ ๋๋ ๋ ๋๋ง์ ๋ณ๋ชฉ ํ์์ ์ผ์ผํฌ ์ ์์ต๋๋ค.
- ๋ ๋๋ง ๊ธฐ์ : ์ฌ์ฉ๋๋ ๋ ๋๋ง ๊ธฐ์ (์: Canvas, WebGL)์ ํนํ ๋ณต์กํ ์๊ฐํ์ ๊ฒฝ์ฐ ์ฑ๋ฅ์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ: ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ๊ฐ ๋ถ๋ํ๋ฉด ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ๋ฉ๋ชจ๋ฆฌ ๋์ ๋ฐ ์ฑ๋ฅ ์ ํ๊ฐ ๋ฐ์ํ ์ ์์ต๋๋ค.
์: ์ ๋๋ก ์ต์ ํ๋์ง ์์ JavaScript ๊ธฐ๋ฐ ๋ฏธ๋์ด ํ๋ ์ด์ด๋ ๊ณผ๋ํ CPU ๋ฆฌ์์ค๋ฅผ ์๋นํ์ฌ ๋ถ์์ ํ ์ฌ์ ๋ฐ ๋ฐฐํฐ๋ฆฌ ์๋ชจ ์ฆ๊ฐ๋ฅผ ์ด๋ํ ์ ์์ต๋๋ค.
5. ์ฝํ ์ธ ์ ์ก ๋คํธ์ํฌ(CDN)
CDN์ ์ฑ๋ฅ ๋ฐ ๊ตฌ์ฑ์ ๋ฏธ๋์ด ๋ฐ์ดํฐ๊ฐ ์ฌ์ฉ์์๊ฒ ์ผ๋ง๋ ๋นจ๋ฆฌ ์ ๋ฌ๋๋์ง์ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
- ์ง๋ฆฌ์ ๊ทผ์ ์ฑ: ์ฌ์ฉ์์๊ฒ ๋ ๊ฐ๊น์ด ์๋ฒ๋ฅผ ๊ฐ์ง CDN์ ๋๊ธฐ ์๊ฐ์ ์ค์ด๊ณ ๋ค์ด๋ก๋ ์๋๋ฅผ ํฅ์์ํต๋๋ค.
- ์บ์ฑ ํจ์จ์ฑ: ๋ฏธ๋์ด ์ฝํ ์ธ ์ ํจ์จ์ ์ธ ์บ์ฑ์ ์๋ณธ ์๋ฒ์ ๋ถํ๋ฅผ ์ค์ด๊ณ ์๋ต ์๊ฐ์ ๊ฐ์ ํฉ๋๋ค.
- CDN ๊ตฌ์ฑ: ์บ์ฑ ์ ์ฑ ๋ฐ ์๋ณธ ๋ณดํธ๋ฅผ ํฌํจํ ์ ์ ํ CDN ๊ตฌ์ฑ์ ์ฝํ ์ธ ์ ์ก์ ์ต์ ํํฉ๋๋ค.
์: ๊ธ๋ก๋ฒ ์คํธ๋ฆฌ๋ฐ ์๋น์ค๋ ๋ค์ํ ์ง๋ฆฌ์ ์ง์ญ์ ์ฌ์ฉ์์๊ฒ ๋ฎ์ ๋๊ธฐ ์๊ฐ ์ฌ์์ ๋ณด์ฅํ๊ธฐ ์ํด ๋๊ท๋ชจ ์์ง ์๋ฒ ๋คํธ์ํฌ๋ฅผ ๊ฐ์ถ CDN์ ํ์ฉํฉ๋๋ค.
์ฌ์ ์ฑ๋ฅ ํฅ์์ ์ํ ์ต์ ํ ๊ธฐ์
์ด์ ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ์ ์ต์ ํํ๊ธฐ ์ํ ์ค์ฉ์ ์ธ ๊ธฐ์ ์ ์ดํด๋ณด๊ฒ ์ต๋๋ค.
1. ์ ์ํ ๋นํธ ์ ์ก๋ฅ ์คํธ๋ฆฌ๋ฐ(ABS)
ABS๋ ๋ค์ํ ๋คํธ์ํฌ ์กฐ๊ฑด ๋ฐ ์ฅ์น ๊ธฐ๋ฅ์์ ์ํํ ์คํธ๋ฆฌ๋ฐ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐ ์ค์ํ ๊ธฐ์ ์ ๋๋ค. ABS์๋ ๋ฏธ๋์ด ์ฝํ ์ธ ๋ฅผ ๋ค์ํ ๋นํธ ์ ์ก๋ฅ ๊ณผ ํด์๋๋ก ์ฌ๋ฌ ์คํธ๋ฆผ์ผ๋ก ์ธ์ฝ๋ฉํ๋ ๊ฒ์ด ํฌํจ๋ฉ๋๋ค. ํ๋ก ํธ์๋ ํ๋ ์ด์ด๋ ์ค์๊ฐ ๋คํธ์ํฌ ์กฐ๊ฑด ๋ฐ ์ฅ์น ์ฑ๋ฅ์ ๊ธฐ๋ฐ์ผ๋ก ์ด๋ฌํ ์คํธ๋ฆผ ๊ฐ์ ๋์ ์ผ๋ก ์ ํํฉ๋๋ค.
ABS์ ์ด์ :
- ํฅ์๋ ์ฌ์ฉ์ ๊ฒฝํ: ๋ฒํผ๋ง ๋ฐ ์ฌ์ ์ค๋จ์ ์ค์ ๋๋ค.
- ๋ ๋์ ์ฅ์น ํธํ์ฑ: ๋ค์ํ ์ฒ๋ฆฌ ๋ฅ๋ ฅ์ ๊ฐ์ง ์ฅ์น๋ฅผ ์ง์ํฉ๋๋ค.
- ํจ์จ์ ์ธ ๋์ญํญ ํ์ฉ: ์ฌ์ฉ ๊ฐ๋ฅํ ๋์ญํญ์ ๋ง์ถฐ ๋ฐ์ดํฐ ์ฌ์ฉ์ ์ต์ํํฉ๋๋ค.
์ธ๊ธฐ ์๋ ABS ๊ธฐ์ :
- HLS(HTTP Live Streaming): Apple์์ ๊ฐ๋ฐํ์ผ๋ฉฐ iOS, macOS ๋ฐ Android ์ฅ์น์์ ๋๋ฆฌ ์ง์๋ฉ๋๋ค.
- DASH(Dynamic Adaptive Streaming over HTTP): ๋ค์ํ ๋ฏธ๋์ด ํ๋ ์ด์ด ๋ฐ ํ๋ซํผ์์ ์ง์๋๋ ๊ฐ๋ฐฉํ ํ์ค์ ๋๋ค.
- Smooth Streaming: Microsoft์์ ๊ฐ๋ฐํ์ผ๋ฉฐ ๋ค์ํ ์คํธ๋ฆฌ๋ฐ ์์ฉ ํ๋ก๊ทธ๋จ์ ์ฌ์ฉ๋ฉ๋๋ค.
์: Netflix๋ ABS๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์์ ๋คํธ์ํฌ ์กฐ๊ฑด์ ๊ธฐ๋ฐ์ผ๋ก ๋น๋์ค ํ์ง์ ๋์ ์ผ๋ก ์กฐ์ ํ์ฌ ๋ค์ํ ์ฅ์น์์ ์ํํ ์คํธ๋ฆฌ๋ฐ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
2. ์ฝ๋ฑ ์ต์ ํ
์ฌ๋ฐ๋ฅธ ์ฝ๋ฑ์ ์ ํํ๊ณ ์ค์ ์ ์ต์ ํํ๋ฉด ๋์ฝ๋ฉ ์ฑ๋ฅ์ ํฐ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- ์ฝ๋ฑ ์ ํ: ์ฅ์น ์ง์์ด ์ถฉ๋ถํ ๊ฒฝ์ฐ AV1 ๋๋ VP9์ ๊ฐ์ ์ต์ ์ฝ๋ฑ์ ์ฌ์ฉํ๋ ๊ฒ์ ๊ณ ๋ คํ์ญ์์ค. ์ด๋ฌํ ์ฝ๋ฑ์ H.264์ ๊ฐ์ ๊ตฌํ ์ฝ๋ฑ๋ณด๋ค ๋ ๋์ ์์ถ ํจ์จ์ฑ์ ์ ๊ณตํฉ๋๋ค.
- ์ธ์ฝ๋ฉ ์ค์ : ์์ํ ๋งค๊ฐ๋ณ์, ์๋ ์ ์ด ๋ชจ๋ ๋ฐ GOP ๊ตฌ์กฐ์ ๊ฐ์ ์ธ์ฝ๋ฉ ์ค์ ์ ์ต์ ํํ์ฌ ํ์ง๊ณผ ์ฑ๋ฅ์ ๊ท ํ์ ๋ง์ถฅ๋๋ค.
- ํ๋์จ์ด ๊ฐ์: ๋์ฝ๋ฉ์ ์ํด ์ฅ์น์ ํ๋์จ์ด ๊ฐ์ ๊ธฐ๋ฅ์ ํ์ฉํฉ๋๋ค. ๋๋ถ๋ถ์ ์ต์ ์ฅ์น์๋ H.264 ๋ฐ H.265์ ๊ฐ์ ์ผ๋ฐ์ ์ธ ์ฝ๋ฑ์ ์ํ ์ ์ฉ ํ๋์จ์ด ๋์ฝ๋๊ฐ ์์ต๋๋ค.
์: YouTube๋ ์คํธ๋ฆฌ๋ฐ ์ฝํ ์ธ ์ AV1์ ์ ๊ทน์ ์ผ๋ก ์ฑํํ์ฌ ํนํ ํ๋์จ์ด ๋์ฝ๋ฉ์ ์ง์ํ๋ ์ฅ์น์์ ๋ ๋ฎ์ ๋นํธ ์ ์ก๋ฅ ๋ก ํฅ์๋ ๋น๋์ค ํ์ง์ ์ ๊ณตํฉ๋๋ค.
3. ๋ฒํผ๋ง ์ ๋ต
ํจ๊ณผ์ ์ธ ๋ฒํผ๋ง ์ ๋ต์ ์ํํ ์ฌ์์ ์ ์งํ๋ ๋ฐ ์ค์ํฉ๋๋ค.
- ์ถฉ๋ถํ ๋ฒํผ ํฌ๊ธฐ: ์ผ์์ ์ธ ๋คํธ์ํฌ ๋ณ๋์ ํก์ํ ์ ์๋๋ก ์ถฉ๋ถํ ๋ฒํผ ํฌ๊ธฐ๋ฅผ ์ ์งํฉ๋๋ค.
- ์ ์ํ ๋ฒํผ๋ง: ๋คํธ์ํฌ ์กฐ๊ฑด ๋ฐ ์ฅ์น ๊ธฐ๋ฅ์ ๋ฐ๋ผ ๋ฒํผ ํฌ๊ธฐ๋ฅผ ๋์ ์ผ๋ก ์กฐ์ ํฉ๋๋ค.
- ์ฌ์ ๋ฒํผ๋ง: ์ฌ์ ๊ฐ๊ฒฉ์ ์ต์ํํ๊ธฐ ์ํด ํ์ฌ ์ธ๊ทธ๋จผํธ๊ฐ ๋๋๊ธฐ ์ ์ ์คํธ๋ฆผ์ ๋ค์ ์ธ๊ทธ๋จผํธ ๋ฒํผ๋ง์ ์์ํฉ๋๋ค.
- ์ ์ง์ ๋ค์ด๋ก๋: VOD ์ฝํ ์ธ ์ ๊ฒฝ์ฐ ์ ์ฒด ํ์ผ์ ๋ค์ด๋ก๋ํ๊ธฐ ์ ์ ์ฌ์์ ์์ํ๋ ค๋ฉด ์ ์ง์ ๋ค์ด๋ก๋๋ฅผ ์ฌ์ฉํฉ๋๋ค.
์: ๋ง์ ๋น๋์ค ํ๋ ์ด์ด๋ ์ฌ์ ๋ฒํผ๋ง๊ณผ ์ ์ํ ๋ฒํผ๋ง์ ์กฐํฉ์ ์ฌ์ฉํ์ฌ ๊ฐํ์ ์ธ ๋คํธ์ํฌ ์ฐ๊ฒฐ์์๋ ์ํํ ์ฌ์์ ๋ณด์ฅํฉ๋๋ค.
4. ์ฑ๋ฅ์ด ์ค์ํ ์์ ์ WebAssembly(Wasm) ์ฌ์ฉ
WebAssembly๋ C, C++ ๋ฐ Rust์ ๊ฐ์ ์ธ์ด๋ก ์ปดํ์ผ๋ ์ฝ๋๋ฅผ ์น ๋ธ๋ผ์ฐ์ ์์ ๋ค์ดํฐ๋ธ ์๋์ ๊ฐ๊น๊ฒ ์คํํ ์ ์๋ ์ด์ง ๋ช ๋ น ํ์์ ๋๋ค. ํนํ ๋์ฝ๋ฉ ๋ฐ ๋๋จน์ฑ๊ณผ ๊ฐ์ ์ฑ๋ฅ์ด ์ค์ํ ์์ ์ ์ ์ฉํฉ๋๋ค.
WebAssembly์ ์ด์ :
- ํฅ์๋ ์ฑ๋ฅ: ๊ณ์ฐ ์ง์ฝ์ ์ธ ์์ ์ JavaScript๋ณด๋ค ํจ์ฌ ๋น ๋ฆ ๋๋ค.
- ์ฝ๋ ์ฌ์ฌ์ฉ์ฑ: ๋ฏธ๋์ด ์ฒ๋ฆฌ๋ฅผ ์ํด ๊ธฐ์กด C/C++ ์ฝ๋๋ฒ ์ด์ค๋ฅผ ์ฌ์ฌ์ฉํ ์ ์์ต๋๋ค.
- ๋ณด์: ์๋๋ฐ์ค ํ๊ฒฝ์์ ์คํ๋์ด ์ ์ฑ ์ฝ๋๊ฐ ์์คํ ๋ฆฌ์์ค์ ์ก์ธ์คํ๋ ๊ฒ์ ๋ฐฉ์งํฉ๋๋ค.
์: Shaka Player๋ WebAssembly๋ฅผ ์ฌ์ฉํ์ฌ ๋์ฝ๋ฉ ๋ฐ ๋๋จน์ฑ ์๋๋ฅผ ๋์ฌ ๋ฆฌ์์ค๊ฐ ์ ํ๋ ์ฅ์น์์ ์ฌ์ ์ฑ๋ฅ์ ํฅ์์ํต๋๋ค.
5. JavaScript ์ต์ ํ
JavaScript ์ฝ๋๋ฅผ ์ต์ ํํ๋ฉด ํ๋ก ํธ์๋ ์ฌ์ ์ฑ๋ฅ์ ํฌ๊ฒ ํฅ์์ํฌ ์ ์์ต๋๋ค.
- ํจ์จ์ ์ธ ์๊ณ ๋ฆฌ์ฆ: ๋ฏธ๋์ด ์ฒ๋ฆฌ ์์ ์ ํจ์จ์ ์ธ ์๊ณ ๋ฆฌ์ฆ์ ์ฌ์ฉํฉ๋๋ค.
- ์ฝ๋ ํ๋กํ์ผ๋ง: ๋ธ๋ผ์ฐ์ ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ฑ๋ฅ ๋ณ๋ชฉ ํ์์ ์๋ณํ๊ณ ๊ทธ์ ๋ฐ๋ผ ์ต์ ํํฉ๋๋ค.
- ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ: ๋ ์ด์ ํ์ํ์ง ์์ ๋ฆฌ์์ค๋ฅผ ์ ์ ํ๊ฒ ํด์ ํ์ฌ ๋ฉ๋ชจ๋ฆฌ ๋์๋ฅผ ๋ฐฉ์งํฉ๋๋ค.
- DOM ์กฐ์ ์ต์ํ: ๋ ๋๋ง ์ฑ๋ฅ์ ํฅ์์ํค๊ธฐ ์ํด DOM ์กฐ์ ํ์๋ฅผ ์ค์ ๋๋ค.
- ๋น๋๊ธฐ ์์ : ๋น๋๊ธฐ ์์ ์ ์ฌ์ฉํ์ฌ ๋ฉ์ธ ์ค๋ ๋๊ฐ ์ฐจ๋จ๋๋ ๊ฒ์ ๋ฐฉ์งํฉ๋๋ค.
์: ๋น๋์ค ํ๋ ์ด์ด์ UI ๊ด๋ฆฌ๋ฅผ ๋ด๋นํ๋ JavaScript ์ฝ๋๋ฅผ ์ต์ ํํ๋ฉด CPU ์ฌ์ฉ๋ฅ ์ ์ค์ด๊ณ ์๋ต์ฑ์ ํฅ์์ํฌ ์ ์์ต๋๋ค.
6. ๋ ๋๋ง ์ต์ ํ
์ฌ์ฉ๋๋ ๋ ๋๋ง ๊ธฐ์ ์ ํนํ ๋ณต์กํ ์๊ฐํ์ ๊ฒฝ์ฐ ์ฌ์ ์ฑ๋ฅ์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- ํ๋์จ์ด ๊ฐ์: ๊ฐ๋ฅํ ๊ฒฝ์ฐ ๋ ๋๋ง์ ํ๋์จ์ด ๊ฐ์์ ํ์ฉํฉ๋๋ค.
- Canvas vs. WebGL: WebGL์ ๋ณต์กํ 2D ๋ฐ 3D ๊ทธ๋ํฝ์ ๋ ๋์ ์ฑ๋ฅ์ ์ ๊ณตํ๋ ๋ฐ๋ฉด Canvas๋ ๋ ๊ฐ๋จํ ๋ ๋๋ง ์์ ์ ์ ํฉํฉ๋๋ค.
- ์คํ์คํฌ๋ฆฐ ์บ๋ฒ์ค: ์คํ์คํฌ๋ฆฐ ์บ๋ฒ์ค๋ฅผ ์ฌ์ฉํ์ฌ ๋ณ๋์ ์ค๋ ๋์์ ๋ ๋๋ง ์์ ์ ์ํํ์ฌ ๋ฉ์ธ ์ค๋ ๋๊ฐ ์ฐจ๋จ๋๋ ๊ฒ์ ๋ฐฉ์งํฉ๋๋ค.
- ๋ค์ ๊ทธ๋ฆฌ๊ธฐ ์ต์ํ: ๋ณ๊ฒฝ๋ ๋์คํ๋ ์ด ๋ถ๋ถ๋ง ์ ๋ฐ์ดํธํ์ฌ ํ๋ฉด ๋ค์ ๊ทธ๋ฆฌ๊ธฐ ํ์๋ฅผ ์ค์ ๋๋ค.
์: Canvas๋ฅผ ์ฌ์ฉํ๋ ๋์ WebGL์ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์ ์ง์ ์ ฐ์ด๋๋ก ๋น๋์ค๋ฅผ ๋ ๋๋งํ๋ฉด ํนํ ๋ณต์กํ ํจ๊ณผ์ ๊ฒฝ์ฐ ์ฑ๋ฅ์ ํฅ์์ํฌ ์ ์์ต๋๋ค.
7. ์ฝํ ์ธ ์ ์ก ๋คํธ์ํฌ(CDN) ์ต์ ํ
๋ฏธ๋์ด ์ฝํ ์ธ ๋ฅผ ํจ์จ์ ์ผ๋ก ์ ์กํ๋ ค๋ฉด CDN ๊ตฌ์ฑ์ ์ต์ ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
- ๊ธ๋ก๋ฒ CDN: ๋ค์ํ ์ง๋ฆฌ์ ์ง์ญ์ ์ฌ์ฉ์์ ๋ํ ๋๊ธฐ ์๊ฐ์ ์ต์ํํ๊ธฐ ์ํด ๋๊ท๋ชจ ์์ง ์๋ฒ ๋คํธ์ํฌ๋ฅผ ๊ฐ์ถ ๊ธ๋ก๋ฒ CDN์ ์ฌ์ฉํฉ๋๋ค.
- ์บ์ฑ ์ ์ฑ : ๋ฏธ๋์ด ์ฝํ ์ธ ๊ฐ ์์ง ์๋ฒ์ ํจ์จ์ ์ผ๋ก ์บ์ฑ๋๋๋ก ์บ์ฑ ์ ์ฑ ์ ๊ตฌ์ฑํฉ๋๋ค.
- ์๋ณธ ๋ณดํธ: ์๋ณธ ๋ณดํธ๋ฅผ ์ฌ์ฉํ์ฌ ๊ณผ๋ํ ๋ถํ๋ก๋ถํฐ ์๋ณธ ์๋ฒ๋ฅผ ๋ณดํธํฉ๋๋ค.
- ์ง์ค ํํฐ๋ง: ์ง์ค ํํฐ๋ง์ ๊ตฌํํ์ฌ ์ฌ์ฉ์ ์์น์ ๋ฐ๋ผ ์ฝํ ์ธ ์ ๋ํ ์ก์ธ์ค๋ฅผ ์ ํํฉ๋๋ค.
- HTTP/2 ๋ฐ HTTP/3: ๋ ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ ์ฝํ ์ธ ์ ์ก์ ์ํด HTTP/2 ๋๋ HTTP/3๋ฅผ ํ์ฉํฉ๋๋ค.
์: Akamai, Cloudflare ๋ฐ Amazon CloudFront์ ๊ฐ์ ํ์ฌ๋ ๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ์ ์ต์ ํ๋ ํฌ๊ด์ ์ธ CDN ์๋ฃจ์ ์ ์ ๊ณตํฉ๋๋ค.
8. ๋ชจ๋ํฐ๋ง ๋ฐ ๋ถ์
์ง์์ ์ธ ๋ชจ๋ํฐ๋ง ๋ฐ ๋ถ์์ ์ฑ๋ฅ ๋ฌธ์ ๋ฅผ ์๋ณํ๊ณ ํด๊ฒฐํ๋ ๋ฐ ํ์์ ์ ๋๋ค.
- ์ค์๊ฐ ๋ชจ๋ํฐ๋ง: ๋ฒํผ๋ง ์๋, ์์ ์๊ฐ ๋ฐ ์ค๋ฅ์จ๊ณผ ๊ฐ์ ์ฃผ์ ์ฑ๋ฅ ์งํ๋ฅผ ์ค์๊ฐ์ผ๋ก ๋ชจ๋ํฐ๋งํฉ๋๋ค.
- ์ฌ์ฉ์ ํผ๋๋ฐฑ: ๊ฐ์ ์์ญ์ ์๋ณํ๊ธฐ ์ํด ์ฌ์ฉ์ ํผ๋๋ฐฑ์ ์์งํฉ๋๋ค.
- A/B ํ ์คํธ: A/B ํ ์คํธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์ํ ์ต์ ํ ๊ธฐ์ ์ ์ํฅ์ ํ๊ฐํฉ๋๋ค.
- ์ฑ๋ฅ ๋์๋ณด๋: ์ฃผ์ ์งํ๋ฅผ ์๊ฐํํ๊ณ ์๊ฐ ๊ฒฝ๊ณผ์ ๋ฐ๋ฅธ ์งํ ์ํฉ์ ์ถ์ ํ๊ธฐ ์ํด ์ฑ๋ฅ ๋์๋ณด๋๋ฅผ ๋ง๋ญ๋๋ค.
์: Google Analytics, New Relic ๋๋ ํน์ ๋น๋์ค ๋ถ์ ํ๋ซํผ๊ณผ ๊ฐ์ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ฉด ์ฌ์ ์ฑ๋ฅ ๋ฐ ์ฌ์ฉ์ ํ๋์ ๋ํ ๊ท์คํ ํต์ฐฐ๋ ฅ์ ์ป์ ์ ์์ต๋๋ค.
์ค์ ์ต์ ํ ์ฌ๋ก
๋ค์์ ํ์ฌ๊ฐ ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ์ ์ต์ ํํ ๋ฐฉ๋ฒ์ ๋ช ๊ฐ์ง ์์ ๋๋ค.
- Netflix: ๋ค์ํ ์ฅ์น ๋ฐ ๋คํธ์ํฌ ์กฐ๊ฑด์์ ์ํํ ์์ฒญ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ์ํด ์ ๊ตํ ์ ์ํ ๋นํธ ์ ์ก๋ฅ ์คํธ๋ฆฌ๋ฐ ์๊ณ ๋ฆฌ์ฆ์ ์ฌ์ฉํฉ๋๋ค. ๋ํ ์ฝ๋ฑ ์ฐ๊ตฌ ๋ฐ ์ต์ ํ์ ๋ง๋ํ ํฌ์๋ฅผ ํฉ๋๋ค.
- YouTube: ๋์ฝ๋ฉ ๋ฐ ๋๋จน์ฑ์ WebAssembly๋ฅผ ํ์ฉํ์ฌ ๋ฆฌ์์ค๊ฐ ์ ํ๋ ์ฅ์น์์ ์ฌ์ ์ฑ๋ฅ์ ํฌ๊ฒ ํฅ์์ํต๋๋ค. ๋ํ AV1๊ณผ ๊ฐ์ ์ต์ ์ฝ๋ฑ์ ์ ๊ทน์ ์ผ๋ก ์ฑํํฉ๋๋ค.
- Spotify: ํจ์จ์ ์ธ ์ค๋์ค ์ฝ๋ฑ ๋ฐ ๋ฒํผ๋ง ์ ๋ต์ ์ฌ์ฉํ์ฌ ์ค๋์ค ์คํธ๋ฆฌ๋ฐ ํ์ดํ๋ผ์ธ์ ์ต์ ํํ์ฌ ๋์ญํญ์ด ๋ฎ์ ์ฐ๊ฒฐ์์๋ ์ํํ ์ฒญ์ทจ ๊ฒฝํ์ ๋ณด์ฅํฉ๋๋ค.
- Twitch: ๊ธ๋ก๋ฒ CDN ๋ฐ ์ค์๊ฐ ๋ชจ๋ํฐ๋ง์ ํ์ฉํ์ฌ ์ ์ธ๊ณ ์์ฒญ์์๊ฒ ๋ฎ์ ๋๊ธฐ ์๊ฐ ๋ผ์ด๋ธ ์คํธ๋ฆฌ๋ฐ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
๊ณผ์ ๋ฐ ๊ณ ๋ ค ์ฌํญ
์์์ ์ค๋ช ํ ์ต์ ํ ๊ธฐ์ ์ ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ์ ํฌ๊ฒ ํฅ์์ํฌ ์ ์์ง๋ง ๋ช ์ฌํด์ผ ํ ๋ช ๊ฐ์ง ๊ณผ์ ์ ๊ณ ๋ ค ์ฌํญ์ด ์์ต๋๋ค.
- ์ฅ์น ํํธํ: ๋ค์ํ ์ฅ์น์ ์ด์ ์ฒด์ ๋ก ์ธํด ๋ชจ๋ ํ๋ซํผ์ ์ต์ ํํ๋ ๊ฒ์ด ์ด๋ ต์ต๋๋ค.
- ๋คํธ์ํฌ ๊ฐ๋ณ์ฑ: ๋คํธ์ํฌ ์กฐ๊ฑด์ ํฌ๊ฒ ๋ค๋ฅผ ์ ์์ผ๋ฏ๋ก ๋ชจ๋ ์๋๋ฆฌ์ค๋ฅผ ์์ธกํ๊ณ ์ต์ ํํ๊ธฐ๊ฐ ์ด๋ ต์ต๋๋ค.
- ์ฝํ ์ธ ๋ณดํธ: ์ฝํ ์ธ ๋ณดํธ ์กฐ์น(์: DRM)๋ฅผ ๊ตฌํํ๋ฉด ์ค๋ฒํค๋๊ฐ ์ถ๊ฐ๋๊ณ ์ฑ๋ฅ์ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
- ์ ๊ทผ์ฑ: ์บก์ , ์ค๋์ค ์ค๋ช ๋ฐ ๊ธฐํ ์ ๊ทผ์ฑ ๊ธฐ๋ฅ์ ์ ๊ณตํ์ฌ ์คํธ๋ฆฌ๋ฐ ์ฝํ ์ธ ์ ์ฅ์ ๊ฐ ์๋ ์ฌ์ฉ์๊ฐ ์ก์ธ์คํ ์ ์๋๋ก ํฉ๋๋ค.
- ๋น์ฉ ์ต์ ํ: ์ฑ๋ฅ ์ต์ ํ์ ๋น์ฉ ๊ณ ๋ ค ์ฌํญ์ ๊ท ํ์ ๋ง์ถ๋ ๊ฒ์ด ํ์์ ์ ๋๋ค.
๊ฒฐ๋ก
ํ๋ก ํธ์๋ ์๊ฒฉ ์ฌ์ ์ฑ๋ฅ์ ์ต์ ํํ๋ ๊ฒ์ ๊ณ ํ์ง ๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐ ๋ณต์กํ์ง๋ง ์ค์ํ ์์ ์ ๋๋ค. ์ฌ์ ์๋์ ์ํฅ์ ๋ฏธ์น๋ ์์ธ์ ์ดํดํ๊ณ ์ด ๊ธฐ์ฌ์์ ์ค๋ช ํ ์ต์ ํ ๊ธฐ์ ์ ๊ตฌํํ๋ฉด ์ฌ์ฉ์ ๋ง์กฑ๋์ ์ฐธ์ฌ๋๋ฅผ ํฌ๊ฒ ํฅ์์ํฌ ์ ์์ต๋๋ค. ์ฑ๋ฅ์ ์ง์์ ์ผ๋ก ๋ชจ๋ํฐ๋งํ๊ณ , ๋ณํํ๋ ๋คํธ์ํฌ ์กฐ๊ฑด ๋ฐ ์ฅ์น ๊ธฐ๋ฅ์ ์ ์ํ๊ณ , ์ฌ์ฉ์ ๊ฒฝํ์ ์ฐ์ ์ํ๋ ๊ฒ์ ์์ง ๋ง์ญ์์ค. ์ฑ๊ณต์ ์ด์ ๋ ๋คํธ์ํฌ ์ต์ ํ, ์ฝ๋ฑ ์ ํ, ๋ฒํผ๋ง ์ ๋ต, JavaScript ์ต์ ํ, ๋ ๋๋ง ๊ธฐ์ ๋ฐ CDN ๊ตฌ์ฑ์ ํฌ๊ดํ๋ ์ ์ฒด์ ์ธ ์ ๊ทผ ๋ฐฉ์์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ๊ทํ์ ๋ฏธ๋์ด ์คํธ๋ฆฌ๋ฐ์ด ์์น๋ ์ฅ์น์ ๊ด๊ณ์์ด ์ ์ธ๊ณ์ ์ผ๋ก ์ฆ๊ธธ ์ ์๋๋ก ๋ณด์ฅํฉ๋๋ค.