Skip to content

boostcampwm-2024/refactor-web18-inear

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๊ธฐ๋ณธ ๋ฐฐ๋„ˆ

๐ŸŽต iNear ํ”„๋กœ์ ํŠธ ๊ฐœ์š”

iNear๋Š” ์˜ค์ง ์Œ์•…์œผ๋กœ๋งŒ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์„ ํ•„์š”๋กœ ํ•˜๋Š” ์•„ํ‹ฐ์ŠคํŠธ์™€ ํŒฌ๋“ค์„ ์œ„ํ•œ ์‹ค์‹œ๊ฐ„ ์•จ๋ฒ” ๊ฐ์ƒ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

์•จ๋ฒ” ๋ฐœ๋งค ์‹œ๊ฐ„์— ๋งž์ถฐ ์—ด๋ฆฌ๋Š” ๋ผ์ด๋ธŒ ์„ธ์…˜์—์„œ ์Œ์•…์„ ๊ฐ์ƒํ•˜๋ฉฐ, ๋‹ค๋ฅธ ํŒฌ๋“ค๊ณผ ์ฑ„ํŒ…์œผ๋กœ ๊ฐ์ƒํ‰์„ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

iNear์™€ ํ•จ๊ป˜ ๊ฐ™์€ ์ทจํ–ฅ์„ ๊ฐ€์ง„ ํŒฌ๋“ค๊ณผ ์ข‹์•„ํ•˜๋Š” ์•„ํ‹ฐ์ŠคํŠธ ์•จ๋ฒ” ๋ฐœ๋งค์ผ์˜ ํŠน๋ณ„ํ•œ ์ˆœ๊ฐ„์„ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”.


๐Ÿš€ ํ•ต์‹ฌ ๊ธฐ๋Šฅ - ์•จ๋ฒ” ์ŠคํŠธ๋ฆฌ๋ฐ

inear๋Š” ์•„ํ‹ฐ์ŠคํŠธ์˜ ์‹ ๊ทœ ์•จ๋ฒ”์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ฒญ์ทจํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • ์•จ๋ฒ” ๋ฐœ๋งค ๋ผ์ด๋ธŒ ์„ธ์…˜์ด ์ง„ํ–‰๋˜๊ธฐ 3์ผ ์ „์— ํ™ˆํŽ˜์ด์ง€์— ๋ฐฐ๋„ˆ๊ฐ€ ๋“ฑ๋ก์ด ๋ฉ๋‹ˆ๋‹ค
  • ์•จ๋ฒ” ๋ฐœ๋งค ์‹œ๊ฐ„์— ๋งž์ถ”์–ด ์„ธ์…˜ ์•ˆ์—์„œ ๋ผ์ด๋ธŒ๋กœ ์‹ ๊ณก์„ ๋“ค์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค
finalVideo.mov

โœจ ๋ฌธ์ œ ํ•ด๊ฒฐ - ์•จ๋ฒ” ์ŠคํŠธ๋ฆฌ๋ฐ

๊ฐ ์ œ๋ชฉ์— ์ƒ์„ธํ•œ ์ •๋ณด๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ๋งํฌ๊ฐ€ ์ ์šฉ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
์ถ”๊ฐ€๋กœ ํ™•์ธํ•˜๊ณ ์‹ถ์œผ์‹  ๊ธฐ๋ก๋“ค์€ ์ œ๋ชฉ์„ ํด๋ฆญํ•ด์ฃผ์„ธ์š”.

HLS๋ฅผ ๋ฉ”์ธ ์Œ์•… ์ŠคํŠธ๋ฆฌ๋ฐ ํ”„๋กœํ† ์ฝœ๋กœ ์„ ํƒํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด๋Š” ๋ณด๋‹ค ์ ์€ ๋ฆฌ์†Œ์Šค๋ฅผ ์†Œ๋ชจํ•˜์ง€๋งŒ ๋งŽ์€ ์‚ฌ์šฉ์ž๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ณ , ๋†’์€ ๋””๋ฐ”์ด์Šค ํ˜ธํ™˜์„ฑ์„ ๊ฐ€์ง„๋‹ค๋Š” ํŠน์ง•์—์„œ ํ•ด๋‹น ํ”„๋กœํ† ์ฝœ์„ ์„ ํƒํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.


์Œ์•…์˜ ๊ตฌ๊ฐ„๋ณ„ ์†Œ๋ฆฌ๋ฅผ ๋‹ด๋Š” .ts(์„ธ๊ทธ๋จผํŠธ) ํŒŒ์ผ๊ณผ ์ด ์„ธ๊ทธ๋จผํŠธ ํŒŒ์ผ์˜ ์ˆœ์„œ ์ •๋ณด๋ฅผ ์ €์žฅํ•˜๋Š” .m3u8์ด๋ผ๋Š” ํŒŒ์ผ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋™์ž‘ํ•˜๋Š” hls์—์„œ

ํ•˜๋‚˜์˜ ์•จ๋ฒ”์— ๋“ค์–ด๊ฐ„ ์—ฌ๋Ÿฌ ๋…ธ๋ž˜๋“ค์„ ๋Š๊ธฐ์ง€ ์•Š๊ณ  ์ŠคํŠธ๋ฆฌ๋ฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ํƒ„ํƒ„ํ•œ ๋กœ์ง ์„ค๊ณ„๊ฐ€ ํ•„์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ํ•˜๋‚˜์˜ ์Œ์› ํŒŒ์ผ(.m3u8)์„ ๋ชจ๋‘ ์žฌ์ƒํ•œ ๊ฒฝ์šฐ ์•จ๋ฒ”์˜ ๋‹ค์Œ ์Œ์› ํŒŒ์ผ(.m3u8)์„ ์š”์ฒญํ•˜์—ฌ ์žฌ์ƒํ•˜๋„๋ก ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.


๋ผ์ด๋ธŒ ์ŠคํŠธ๋ฆฌ๋ฐ ํ”Œ๋žซํผ์ธ ๋งŒํผ ์—ฌ๋Ÿฌ ํด๋ผ์ด์–ธํŠธ๋ผ๋ฆฌ ์„œ๋กœ ๊ฐ™์€ ์‹œ๊ฐ„์— ๊ฐ™์€ ์Œ์•…์„ ๋“ฃ๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์ค‘์š”ํ–ˆ์Šต๋‹ˆ๋‹ค.

์œ ์ €๋“ค ๊ฐ„ ๋‹ค๋ฅธ ๋ถ€๋ถ„์„ ๋“ฃ๊ณ  ์žˆ๋‹ค๋ฉด, ์ฑ„ํŒ…์ด๋ผ๋Š” ์†Œํ†ต ์ˆ˜๋‹จ์—์„œ ์„œ๋กœ๊ฐ„์˜ ๊ณต๊ฐ๋Œ€๊ฐ€ ์ƒ์ดํ•ด์ง€๋Š” ์šฐ๋ ค๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ, ์‚ฌ์šฉ์ž๋“ค ๊ฐ„ ์žฌ์ƒ ์‹œ๊ฐ„ ๋™๊ธฐํ™”๋ฅผ ์œ„ํ•ด .m3u8์— ๊ธฐ๋ก๋œ ์„ธ๊ทธ๋จผํŠธ ์ •๋ณด ์ค‘ ์ด๋ฏธ ์žฌ์ƒ๋œ ์„ธ๊ทธ๋จผํŠธ ์ •๋ณด๋ฅผ ์ œ๊ฑฐํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฐ˜ํ™˜ํ•˜์˜€์Šต๋‹ˆ๋‹ค.



๐Ÿš€ ํ•ต์‹ฌ ๊ธฐ๋Šฅ - ์‹ค์‹œ๊ฐ„ ๊ณต๊ฐ(์ฑ„ํŒ…, ํˆฌํ‘œ)

inear๋Š” ์•จ๋ฒ” ์ฒญ์ทจ๋ฅผ ํ•˜๋ฉด์„œ ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž๋“ค๊ณผ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • ๊ฐ™์€ ํŒฌ๋“ค๋ผ๋ฆฌ ์„œ๋กœ ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ…์œผ๋กœ ๋‹ค ๊ฐ™์ด ์†Œํ†ตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค
  • ์•จ๋ฒ” ์ŠคํŠธ๋ฆฌ๋ฐ์„ ํ•˜๋ฉด์„œ ๊ฐ€์žฅ ์ฆ๊ฒ๊ฒŒ ๊ฐ์ƒํ•œ ๋…ธ๋ž˜์— ์œ ์ €๋“ค์ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ํˆฌํ‘œ๋ฅผ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

chatting


โœจ ๋ฌธ์ œ ํ•ด๊ฒฐ - ์ฑ„ํŒ…๋ฐฉ์—์„œ ์†Œํ†ต

์†Œํ†ต์—์„œ์˜ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋ถ€๋ถ„์€ ์—ญ์‹œ ์‹ค์‹œ๊ฐ„์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ ๋ผ์ด๋ธŒ ์„ธ์…˜ ์•ˆ์—์„œ ์œ ์ €๋“ค๋ผ๋ฆฌ ๋น ๋ฅธ ์‘๋‹ต๊ณผ ๋‚ฎ์€ ์ง€์—ฐ ์‹œ๊ฐ„์œผ๋กœ ์ฑ„ํŒ…๊ณผ ํˆฌํ‘œ ๊ธฐ๋Šฅ์„ ์„œ๋น„์Šคํ•ด์•ผํ–ˆ๊ณ ,

์ด๋ฅผ ์œ„ํ•ด ์‹ค์‹œ๊ฐ„ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋ง์ด๋‚˜, ์–‘๋ฐฉํ–ฅ ํ†ต์‹  ๋“ฑ์˜ ์—ฌ๋Ÿฌ ๊ธฐ๋Šฅ๋“ค์ด ์ง€์›๋˜๋Š” Socket.IO๋ฅผ ์ฑ„ํƒํ–ˆ์Šต๋‹ˆ๋‹ค.


๐Ÿงฉ ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜

image


๐Ÿš€ ๊ธฐ์ˆ  ์Šคํƒ

ALL
FE
BE

๐Ÿ’ช ํŒ€์› ์†Œ๊ฐœ

FE BE BE BE
J005 ๊ฐ•์ฑ„๋ จ J011 ๊ณ ์€ํƒœ J246 ์ฃผ์„ฑ์ค€ J275 ํ•œ์œค์„œ