Skip to content

๐Ÿ“ 5์ฃผ์ฐจ ๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

Kang Chaeryeon edited this page Dec 1, 2024 · 2 revisions

๐Ÿ“… 11. 25 (์›”)

โœ… Done

  • ๋ฉ”์ธํŽ˜์ด์ง€ ๋ฐฐ๋„ˆ ์‘๋‹ต
  • ๋ฐฉ ์ƒ์„ฑ ๋ ˆ๋””์Šค ์•ก์…˜ /admin/album์œผ๋กœ ์˜ฎ๊ธฐ๊ธฐ
  • HLS ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง

โšก ToDo

  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ์‚ฌ์ด๋“œ๋ฐ” ์‘๋‹ต
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ์„œ๋ฒ„ ๋ฐ์ดํ„ฐ ๋ฐ›์•„์„œ ์ถœ๋ ฅ
  • MySQL ๋ฐ์ดํ„ฐ ์ €์žฅ์‹œ T ๋“ค์–ด๊ฐ€๋Š” ๊ฑฐ ์ œ๊ฑฐ
  • ๋ฐฉ ์ƒ์„ฑ ํŠธ๋žœ์žญ์…˜ ์ฒ˜๋ฆฌ
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ์™„๋ฃŒ ๋˜๋ฉด ์„œ๋ฒ„ ์‚ฌ์ด๋“œ joinTimestamp๋กœ ๊ณ„์‚ฐ
  • client url env ๋กœ ๊ด€๋ฆฌ
  • client ๋ฐฉ ์ž…์žฅ ์„ค์ •
    • joinroom ์ด๋ฒคํŠธ ์ œ๊ฑฐ
    • handshake query์— ๋ฐฉ id ์ „๋‹ฌ
  • DB ์—์„œ release Date ์ˆ˜์ •
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ๋ฐ์ดํ„ฐ ์ถ”๊ฐ€

๐Ÿ”ฅ Problem

  • ํŠธ๋žœ์žญ์…˜ ์•ˆ๋จ

๐Ÿ“… 11. 26 (ํ™”)

โœ… Done

  • ์‚ฌ์ด๋“œ๋ฐ” ์‘๋‹ต ๊ตฌํ˜„
  • ์ปค์Šคํ…€ ์˜ˆ์™ธ ์ฒ˜๋ฆฌ
  • ๊ด€๋ฆฌ์ž ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ๊ตฌํ˜„ ๋ฐ ํŽ˜์ด์ง€ ๋ฆฌ๋‹ค์ด๋ ‰์…˜ ๊ตฌํ˜„ (Protected routes)
  • ๊ด€๋ฆฌ์ž ์ „์šฉ ์—”๋“œํฌ์ธํŠธ ๋ณดํ˜ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • release time ํƒ€์ž… ์ˆ˜์ •
  • db์— total_duration ์ถ”๊ฐ€
  • ์ŠคํŠธ๋ฆฌ๋ฐ ํŽ˜์ด์ง€ ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๊ตฌํ˜„
  • ์†Œ์ผ“ ๋กœ์ง ๋ณ€๊ฒฝ

โšก ToDo

  • ํˆฌํ‘œ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ํŠธ๋žœ์žญ์…˜ ์ฒ˜๋ฆฌ
  • ๋ฉ”์ธํŽ˜์ด์ง€ ๋ฐ์ดํ„ฐ ใ…‡๋…€๊ฒฐ
  • ์ŠคํŠธ๋ฆฌ๋ฐ ํ…Œ์ŠคํŠธ
  • ์ŠคํŠธ๋ฆฌ๋ฐ ํŽ˜์ด์ง€ ๋ณผ๋ฅจ ์กฐ์ ˆ
  • ํ†ตํ•ฉ ํ…Œ์ŠคํŠธ ํ•ด๋ณด๊ธฐ

๐Ÿ“… 11. 27 (์ˆ˜)

โœ… Done

  • ์•จ๋ฒ” ์ƒ์„ฑ ํŠธ๋žœ์žญ์…˜ ์ฒ˜๋ฆฌ
  • ์ตœ๊ทผ ๋“ฑ๋ก ์•จ๋ฒ” API ์ถ”๊ฐ€
  • ํ…Œ์ŠคํŠธ์ฝ”๋“œ ์…‹์—…
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ๋ฐ์ดํ„ฐ ์—ฐ๊ฒฐ
  • ๋ฐฐ๋„ˆ ์Šค์™€์ดํ”„ ๊ธฐ๋Šฅ
  • ์ „์—ญ ์˜ˆ์™ธ ์ฒ˜๋ฆฌ
  • ๋ฐฐํฌ ์„œ๋ฒ„์—์„œ ๋ฉ”์ธ ํ”Œ๋กœ์šฐ ํ…Œ์ŠคํŠธ
  • ํˆฌํ‘œ ๊ธฐ๋Šฅ ๋ฐฑ์—”๋“œ
  • ํ”„๋ก ํŠธ env ์„ค์ •

โšก ToDo

  • FE ํ˜„์žฌ ๋ฐฉ ์ธ์› ์ˆ˜ ํ‘œ์‹œ
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ์•„๋ž˜ ์ƒ์„ธ ํŽ˜์ด์ง€์˜ ๋ชฉ๋ก
  • ๊ฒŒ์‹œํŒ ๋Œ“๊ธ€ CRUD
  • ์ฑ„ํŒ…์ฐฝ ์˜ค๋ฅ˜ ์ˆ˜์ •
  • ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ์ •๋ณด ์—ฐ๋™
  • ํˆฌํ‘œ ๊ธฐ๋Šฅ ํ”„๋ก ํŠธ์—”๋“œ
  • ์ตœ๊ทผ ์ŠคํŠธ๋ฆฌ๋ฐ ์•จ๋ฒ” API ๋ช…์„ธ ์ž‘์„ฑ
  • ์ŠคํŠธ๋ฆฌ๋ฐ ํŽ˜์ด์ง€ ๋ณผ๋ฅจ ์ถ”๊ฐ€
  • album ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ๋งˆ๋ฌด๋ฆฌ
  • ํ”„๋กœ๊ทธ๋ž˜์Šค๋ฐ” ์ค‘๊ฐ„๋ถ€ํ„ฐ ์‹œ์ž‘ ์˜ค๋ฅ˜ ์ˆ˜์ •

๐Ÿ“… 11. 28 (๋ชฉ)

โœ… Done

  • FE ํ˜„์žฌ ๋ฐฉ ์ธ์›์ˆ˜ ํ‘œ์‹œ
  • ๋ฉ”์ธ ํŽ˜์ด์ง€ ์•„๋ž˜ ์ƒ์„ธ ํŽ˜์ด์ง€ ๋ชฉ๋ก
  • ์•จ๋ฒ” ์ƒ์„ธ
  • ์ฑ„ํŒ…์ฐฝ ์˜ค๋ฅ˜ ์ˆ˜์ •
  • ํˆฌํ‘œ ๊ธฐ๋Šฅ ํ”„๋ก ํŠธ์—”๋“œ
  • admin ํ…Œ์ŠคํŠธ์ฝ”๋“œ ๋งˆ๋ฌด๋ฆฌ
  • ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ์ •๋ณด ์—ฐ๋™
  • ์ŠคํŠธ๋ฆฌ๋ฐ ํŽ˜์ด์ง€ ๋ณผ๋ฅจ ์ถ”๊ฐ€

โšก ToDo

  • ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž์—๊ฒŒ๋„ ํˆฌํ‘œ๊ฐ€ ์—ฐ๊ฒฐ๋˜๋Š” ์˜ค๋ฅ˜ ์ˆ˜์ •
  • QA
    • ์—๋Ÿฌ ํ•ธ๋“ค๋ง ํ•„์š”
    • hls ๋””ํ…Œ์ผํ•œ ๋ถ€๋ถ„
    • ๋Œ€๊ธฐ ํ™”๋ฉด
    • ๊ธฐ๋ณธ ๋ฐฐ๋„ˆ
    • ๋ฐฐ๋„ˆ์‹œ๊ฐ„ ์˜ค๋ฅ˜
    • ์ตœ๊ทผ ๋“ฑ๋ก๋œ ์•จ๋ฒ” ๋ฉ”์ธ์—๋Š” 6๊ฐœ๋งŒ
    • ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ ์—…๋กœ๋“œ ์™„๋ฃŒ ํ‘œ์‹œ
    • ๋…ธ๋ž˜ ๋๋‚˜๋ฉด ๋ฉ”์ธํŽ˜์ด์ง€๋กœ ๋„˜์–ด๊ฐ€๊ฒŒ ๊ตฌํ˜„
    • ์ŠคํŠธ๋ฆฌ๋ฐ ํŽ˜์ด์ง€ ์•จ๋ฒ” ๋ฐ์ดํ„ฐ ๋ฐ”๋€Œ์ง€ ์•Š์Œ
    • ๊ด€๋ฆฌ์žํŽ˜์ด์ง€ ๋ผ๋ฒจ์— ๊ธ€์ž์ˆ˜ ์ œํ•œ ํ•ด๋‘๊ธฐ
    • ์ฑ„ํŒ… ๊ธ€์ž์ˆ˜ ์ œํ•œ
  • ๋ฐœํ‘œ ์ค€๋น„

inear

๊ธฐ์ˆ  ๊ณต์œ 

๐Ÿš€ ffmpeg๋Š” stderr๋กœ ๋””๋ฒ„๊น…์„ ํ•˜๋Š” ์ด์œ 
๐Ÿš€ HLS ํ”„๋กœํ† ์ฝœ์— ๊ด€ํ•œ ์ •๋ฆฌ ๋ฐ FFmpeg ์‚ฌ์šฉ๊ธฐ
๐Ÿš€ ๋น„ํŠธ๋Š” tsconfig.json์ด ์„ธ ๊ฐœ?
๐Ÿš€ NestJS ๊ธฐ๋ณธ ๊ฐœ๋… - Modules
๐Ÿš€ Socket.io ์ตœ(๊ฐ•)์ ํ™”
๐Ÿš€ ๋„์ปค์™€ nginx์˜ ์‚ฌ์šฉ๊ธฐ
๐Ÿš€ ๋ถ€ํ•˜ํ…Œ์ŠคํŠธ๋ฅผ ํ•ด๋ณด์ž

๊ฐœ๋ฐœ ์ผ์ง€

๐Ÿš€ FSD ์‚ฌ์šฉ๊ธฐ, ๊ทผ๋ฐ ์ด์ œ ๋‚˜๋งŒ์˜ ๊ทœ์น™์„ ๊ณ๋“ค์ธ
๐Ÿš€ CICD ๊ตฌ์กฐ ์ˆ˜์ •
๐Ÿš€ ์•จ๋ฒ” ๋‹จ์œ„๋กœ ์ŠคํŠธ๋ฆฌ๋ฐ ํ•˜๊ธฐ (with HLS)
๐Ÿš€ HLS๋กœ ์Œ์•… ์ฃผ๊ณ ๋ฐ›๊ธฐ
๐Ÿš€ vite + react + typescript ํ™˜๊ฒฝ์—์„œ path alias ์„ค์ •
๐Ÿš€ React Scan์ด ๋ญ์ฃ ?
๐Ÿš€ ๋กœ์ปฌ ํ™˜๊ฒฝ ๊ฐœ๋ฐœ ๋ชจ๋“œ ๋ฐฐํฌ
๐Ÿš€ ์•จ๋ฒ” ์ „์ฒด๋ฅผ ์ŠคํŠธ๋ฆฌ๋ฐํ•œ๋‹ค๊ณ ? (with HLS)
๐Ÿš€ ์ฝ”๋“œ์˜ ์•ˆ์ •์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ํ…Œ์ŠคํŠธ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด๋ณด์ž

ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…

๐Ÿš€ ์ƒˆ๋กœ๊ณ ์นจ ์‹œ HLS ERROR
๐Ÿš€ input ํƒœ๊ทธ์— ํ•œ๊ธ€ ์ž…๋ ฅ ํ›„, Enter๋ฅผ ๋ˆ„๋ฅด๋ฉด ํ•จ์ˆ˜๊ฐ€ ๋‘๋ฒˆ ํ˜ธ์ถœ๋˜๋Š” ์˜ค๋ฅ˜
๐Ÿš€ nginx proxy pass๋ฅผ ๋ฐ”๊ฟจ๋”๋‹ˆ ์ƒ๊ธด ์—๋Ÿฌ - ์Šค์›จ๊ฑฐ ์ธ์‹ ๋ฌธ์ œ
๐Ÿš€ ๋ฐฐํฌ ํ™˜๊ฒฝ์—์„œ ํด๋ผ์ด์–ธํŠธ-์„œ๋ฒ„ WS handshake
๐Ÿš€ ๋ Œ๋”๋ง ๋ฒ”์ธ์€ ํ•˜๋‚˜!

ํ˜‘์—… ๊ทœ์น™

๐ŸŒˆ ๊ทธ๋ผ์šด๋“œ ๋ฃฐ
๐Ÿฅ” ํŒ€์› ์†Œ๊ฐœ
๐Ÿ”Ž ์ฝ”๋“œ & ๊นƒ ์ปจ๋ฒค์…˜
๐ŸŒณ ๊นƒ branch ์ „๋žต
๐Ÿ“Œ ๋…ธ์…˜ ๋ฌธ์„œ ์ €์žฅ์†Œ

ํ”„๋กœ์ ํŠธ ๊ธฐํš

๐ŸŽจ ํ”ผ๊ทธ๋งˆ
๐Ÿง‘โ€๐Ÿ’ป ๊ธฐํš ๊ณต์œ  ๋ฐœํ‘œ ์ž๋ฃŒ
๐ŸŽค 2์ฃผ์ฐจ ๋ฐœํ‘œ ์ž๋ฃŒ
๐Ÿ˜Ž ๋ฐฑ๋กœ๊ทธ

๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

๐Ÿ“ 1์ฃผ์ฐจ
๐Ÿ“ 2์ฃผ์ฐจ
๐Ÿ“ 3์ฃผ์ฐจ
๐Ÿ“ 4์ฃผ์ฐจ
๐Ÿ“ 5์ฃผ์ฐจ

์ฃผ๊ฐ„ ๊ณ„ํš์„œ

๐Ÿ—“๏ธ 1์ฃผ์ฐจ
๐Ÿ—“๏ธ 2์ฃผ์ฐจ
๐Ÿ—“๏ธ 3์ฃผ์ฐจ
๐Ÿ—“๏ธ 4์ฃผ์ฐจ
๐Ÿ—“๏ธ 5์ฃผ์ฐจ

๊ทธ๋ฃน ํšŒ๊ณ 

โœจ 1์ฃผ์ฐจ
โœจ 2์ฃผ์ฐจ
โœจ 3์ฃผ์ฐจ
โœจ 4์ฃผ์ฐจ


view

Clone this wiki locally