โ๏ธ 2์ 1์ฃผ์ฐจ ํ๊ณ
๐ hls.js ๋๊นํ์
ํ์ฌ ์คํธ๋ฆฌ๋ฐ์ ์๋น์ค ํ๋ ๊ณผ์ ์์ ์ข ์ข ๋ท๋ถ๋ถ์ด ๋๊ธฐ๋ ํ์์ด ๋ฐ์ํ์๋ค. ์์ฃผ ๋ฐ์ํ์ง๋ ์์๊ณ , ์๋ฒ์์ ์คํ๋๋ ๋ถ๋ถ๊ณผ , ํด๋ผ์ด์ธํธ์์ ์คํ๋๋ ๋ถ๋ถ์ด ์ฝ๊ฐ์ ์ฐจ์ด๊ฐ ์๊ฒจ , ํด๋ผ์ด์ธํธ์์ ๋๊ธฐ๋ ํ์์ด์๊ฒผ๋ค.
m3u8์ ๋ํด์ ์ข ์์๋ณด๊ณ , sync๋ฅผ ์ด๋ป๊ฒ ๋ง์ถ๊ฒ์ธ๊ฐ์ ๋ํด hls.js์ ์ต์ ์ ์์๋ณด๋ฉด์ ๋ง์ถฐ๋ณด๋๋ก ํ ์์ ์ด๋ค.
๐ storybook ์ธํ
UI์ปดํผ๋ํธ ํด์ธ storybook์ธ ์ธํ ๋ง ์ค์ํด ๋ณด์๋ค. ์ธ์ ์ด๋ป๊ฒ ์ฌ์ฉํ ๊ฒ์ธ์ง, ์ด๋ป๊ฒ ๋ฐฐํฌํ ๊ฒ์ธ์ง ๊ณ ๋ฏผ์ด ํ์ํ๋ค.
์์ง ์ฌ์ฉ๋ฐฉ๋ฒ์ด ์ต์ํ์ง ์์ง๋ง, ์ปค๋ฎค๋์ผ์ด์ ํด์ ์ด์ฉํด์ ์ฌํด๋ ์ข ๋ ํ๋ฆฌํฐ๋ฅผ ๋์ฌ๋ณผ ์์ ์ด๋ค.