Skip to content

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

Yoonseo Han edited this page Nov 10, 2024 · 4 revisions

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

โœ… Done

  • ์„œ๋กœ ์ˆ™์ œ ๊ณต์œ 

โšก ToDo

  • ์ฃผ๊ฐ„ ๊ณ„ํš์„œ ์ž‘์„ฑ
  • ์„œ๊ธฐ ๋ฝ‘๊ธฐ
  • ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ธํŒ…
  • ๊ธฐ๋Šฅ ์ •๋ฆฌ
  • ๋””์ž์ธ ์ˆ˜์ •

๐Ÿ—“๏ธ 11. 05 (ํ™”)

โœ… Done

  • ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์— ๊ด€ํ•œ ํšŒ์˜ ๋ฐ ์„ ๋ณ„
  • ์ƒˆ๋กœ์šด ๋””์ž์ธ ํ”ผ๊ทธ๋งˆ์— ์ž‘์„ฑ
  • ์ฃผ๊ฐ„ ๊ณ„ํš์„œ ์ž‘์„ฑ
  • ์„œ๊ธฐ ๋ฝ‘๊ธฐ ( ์œค์„œ๋‹˜ ๐Ÿ‘‘ )

โšก ToDo

  • ํ”„๋กœ์ ํŠธ ์…‹์—…
  • ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ ์•ฝ๊ฐ„์˜ ๋””์ž์ธ
  • HLS ํ…Œ์ŠคํŠธ
  • architecture ์„ค๊ณ„
  • linter, prettier, winston, swagger ์„ค์ •
  • ERD ์„ค๊ณ„
  • CORS ํ™•์ธ
  • yarn Berry๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ (BE, FE)

๐Ÿ”ฅ Problem

  • ํ…Œ์Šคํฌ ๋ถ„๋‹ด์„ ์Šคํ† ๋ฆฌ๋ณ„๋กœ ํ•  ๊ฒƒ์ธ๊ฐ€? ์ˆœ์„œ์ƒ์—๋Š” ๋ฌธ์ œ๋Š” ์—†๋Š”๊ฐ€
  • yarn vs yarn berry vs pnpm

๐Ÿ—“๏ธ 11. 06 (์ˆ˜)

โœ… Done

  • ํ”„๋กœ์ ํŠธ ์…‹์—…
  • ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ ์•ฝ๊ฐ„์˜ ๋””์ž์ธ
  • HLS ํ…Œ์ŠคํŠธ
  • architecture ์„ค๊ณ„
  • linter, prettier, winston, swagger ์„ค์ •
  • yarn Berry๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ (BE, FE)
  • CORS ํ™•์ธ

โšก ToDo

  • [ALL] ํ…Œ์Šคํฌ ๋ถ„์—… ์ •ํ•˜๊ธฐ
  • [BE] ERD ์„ค๊ณ„
  • [FE] ์Šคํ† ๋ฆฌ๋ถ ์„ธํŒ…
  • [FE] ์‚ฌ์ด๋“œ๋ฐ” UI ๊ตฌํ˜„
  • [BE] pem ํ‚ค ๋™์ž‘ ์‹œํ‚ค๊ธฐ + ํด๋ผ์šฐ๋“œ ๋น„๋ฐ€ ๋ฒˆํ˜ธ ์ œ๊ฑฐ
  • [BE] CICD

๐Ÿ”ฅ Problem

  • ํ”„๋ก ํŠธ์—”๋“œ ๋””๋ ‰ํ† ๋ฆฌ ๊ตฌ์กฐ๋Š” ์–ด๋–ป๊ฒŒ ํ•  ๊ฒƒ์ธ๊ฐ€? FSD vs Atomic
  • ํ”„๋ก ํŠธ์—”๋“œ CSS ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์–ด๋–ค ๊ฒƒ์œผ๋กœ ์„ ํƒํ•  ๊ฒƒ์ธ๊ฐ€? Vanila-extract vs TailwindCSS

๐Ÿ—“๏ธ 11. 07 (๋ชฉ)

โœ… Done

  • ์‚ฌ์ด๋“œ๋ฐ” UI ๊ตฌํ˜„ - FE
  • Redis ์—ฐ๋™ ์ง„ํ–‰
  • Redis ๊ธฐ๋ฐ˜์œผ๋กœ ๋ฐฉ ์„ค์ •, ๋ฐฉ ์กฐ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„ (์•„์ง ๋จธ์ง€ ์•ˆํ•จ)

โšก ToDo

  • [ALL] ํ…Œ์Šคํฌ ๋ถ„์—… ์ •ํ•˜๊ธฐ
  • [BE] ERD ์„ค๊ณ„
  • [FE] ์Šคํ† ๋ฆฌ๋ถ ์„ธํŒ…
  • [BE] pem ํ‚ค ๋™์ž‘ ์‹œํ‚ค๊ธฐ + ํด๋ผ์šฐ๋“œ ๋น„๋ฐ€ ๋ฒˆํ˜ธ ์ œ๊ฑฐ
  • [BE] CICD

๐Ÿ”ฅ Problem

  • CJS vs ESM
  • ํƒœ์Šคํฌ ๋ถ„์—…์˜ ์†Œํ†ต ๋ฌธ์ œ: interface๋ฅผ ์ง€์ •ํ•˜์—ฌ ์„œ๋กœ ๊ณต์œ ํ•˜๊ธฐ

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