๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

12์›” 3์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2023. 12. 25.
๋ฐ˜์‘ํ˜•

๐ŸŽ“ ๋นŒ๋“œ ์ตœ์ ํ™”

ํ˜„์žฌ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ฌด๊ฑฐ์›Œ์ ธ์„œ webpackt externals๋ฅผ ํ†ตํ•˜์—ฌ hls.js๋ฅผ ๋นŒ๋“œ ํ•˜๋Š” ๊ณผ์ •์—์„œ ์ œ์™ธ์‹œ์ผฐ๋‹ค.

๊ทธ๋ ‡์ง€๋งŒ ์—ฌ์ „ํžˆ vuetify๊ฐ€ ๋ฌด๊ฑฐ์šด ๋ถ€๋ถ„์„ ์ฐจ์ง€ํ•˜๊ณ  ์žˆ์—ˆ๊ณ , ๊ทธ๋ฆฌํ•˜์—ฌ vuetify๋„ ๋นŒ๋“œ๊ณผ์ •์—์„œ ์ œ์™ธ ์‹œํ‚ฌ ์˜ˆ์ •์ด๋‹ค.

 

๐Ÿ’ผ HTTPS์™€ SSL ์•Œ์•„๋ณด๊ธฐ

์ด๋•Œ๊นŒ์ง€ ๋ˆ„๊ตฐ๊ฐ€ https๋ฅผ ์„ค์ •ํ•ด์คฌ๊ธฐ ๋•Œ๋ฌธ์—, ssl์ด ๋ญ”์ง€ ์•Œ์•„๋ณธ์ ์ด ์—†์—ˆ๋‹ค. 

ssl์ด ๋ฌด์—‡์ธ์ง€ ๊ณต๊ฐœํ‚ค/๋Œ€์นญํ‚ค ๋ฐฉ์‹์ด ์–ด๋–ค๊ฒƒ์ธ์ง€ ์ •๋ฆฌ๊ฐ€ ํ•„์š”ํ•ด๋ณด์ด๋ฉฐ, ๊ฐœ์ธ์‚ฌ์ดํŠธ์— https๋ฅผ ์ ์šฉ ํ•ด๋ณด๋„๋ก ํ•˜์ž

 

๐Ÿฆ SocketJs ํ”„๋กœ์ ํŠธ ์‹ค์‹œ

๋‚ด๋…„์—๋Š” ์•„๋งˆ Socket์„ ์ด์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ ๊ฐœํŽธ์„ ํ•˜์ง€ ์•Š์„๊นŒ ์ƒ๊ฐ์ด ๋“ ๋‹ค. ๊ทธ๋ฆฌํ•˜์—ฌ ๊ฐœ์ธ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋กœ Socket์„ ๊ตฌํ˜„ํ•ด๋ณด๋Š” ๊ฒƒ์„ ํ•ด๋ณด๋Š” ๊ฒƒ์ด ๋ชฉํ‘œ์ด๋‹ค.

 

๐Ÿฎ ํ…Œ์ŠคํŠธ์ฝ”๋“œ ๋‹ค์‹œ์‹œ์ž‘

์ตœ๊ทผ ํšŒ์‚ฌ์˜ ์ „์‹œ ๋•Œ๋ฌธ์— ์ผ์ •๊ธฐ๊ฐ„ ๋งž์ถ”๋А๋ผ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ์— ๋Œ€ํ•œ ๋ถ€๋ถ„์„ ๋†“์•„ ๋ฒ„๋ ธ๋‹ค. 

๋‹ค์‹œ ํ…Œ์ŠคํŠธ์ฝ”๋“œ๋ฅผ ์–ด๋–ป๊ฒŒ ์ž‘์„ฑํ•ด์•ผํ•˜๊ณ , ์–ด๋–ค ์ฝ”๋“œ๋ฅผ ํ…Œ์ŠคํŠธ์ฝ”๋“œ๋กœ ์ž‘์„ฑํ•ด์•ผ ํ•˜๋Š”์ง€ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•˜๋‹ค.

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€