Skip to content

๐Ÿ” WEEK 04 ๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

choiseona edited this page Dec 3, 2024 · 1 revision

11์›” 18์ผ ์›”์š”์ผ

์„ธ๋ถ€ ๋‚ด์šฉ ๋ณด๊ธฐ

๐ŸŽ ์˜ค๋Š˜์˜ TMI

  • ์ˆ˜์ •: ๋งฅ๋ชจ๋‹ ๋จน๊ณ  ์˜ฌ๋ผํ–ˆ๋Š”๋ฐ 9์‹œ์— ๊ธฐ์ƒํ•ด์„œ ๋ชป ๋จน์—ˆ์–ด์š”
  • ๋ฏธ๋ผ: ๋ฐฅ๋จน๊ณ  ์˜ฌ๋ผํ–ˆ๋Š”๋ฐ ์ง€ํ•˜์ฒ  ํŒŒ์—…๋•Œ๋ฌธ์— ๋ชป ๋จน์—ˆ์–ด์š”
  • ๋‹ค์†”: ํ”ผ๊ณคํ•ด์š”โ€ฆ.
  • ์„ ์•„: ์‚ด๋ ค์ฃผ์„ธ์š”~~
  • ํƒœ์—ฐ: Drowning ์ •๋ง ์ข‹์•„์š” ๊ฐ‘์ž๊ธฐ ๋น ์กŒ์–ด์š”

๐Ÿง ์–ด์ œ ํ•œ ์ผ

  • ๋ฏธ๋ผ: joinRoom ๊ตฌํ˜„ํ–ˆ์–ด์š”
  • ์„ ์•„: ์ˆ˜์ •๋‹˜ crdt socket ์—ฐ๊ฒฐ ์ฝ๊ธฐ, undo/redo ๋ฐฉ๋ฒ• ์ƒ๊ฐํ–ˆ์–ด์š”
  • ์ˆ˜์ •: ๊ธฐ์ˆ  ๋กœ๊ทธ ์ •๋ฆฌํ–ˆ์–ด์š”
  • ๋‹ค์†”: ํƒœ์—ฐ๋‹˜, ์ˆ˜์ •๋‹˜ ์ž๋ฃŒ ์Šคํ„ฐ๋””ํ–ˆ์–ด์š” (ISO 7๊ณ„์ธต, LWW & playwright)
  • ํƒœ์—ฐ: ์›น์†Œ์ผ“ ๋ฐ HTTP ์š”์ฒญ/์‘๋‹ต ์„ค๊ณ„ํ–ˆ์–ด์š”

๐Ÿงฑ ๋ฐฉํ•ด ์š”์†Œ

  • ๋ฏธ๋ผ: ๋…ธํŠธ๋ถ ๋‚ด์ผ ๋ฐ›์„ ์ˆ˜ ์žˆ์–ด์š”
  • ์„ ์•„: ๊ผฌ๋ฆฌ๋ผˆ์— ์‹ ๊ฒฝ์ด ๊ณ„์† ๊ฐ€์š” ใ… ใ… 
  • ์ˆ˜์ •: ์ง€ํ•˜์ฒ  ์—ญ ๋นต ๋ƒ„์ƒˆ๊ฐ€ ๋ฐฉํ•ด์š”์†Œ์˜ˆ์š”
  • ๋‹ค์†”: ๋”ฑํžˆ ์—†์–ด์š”
  • ํƒœ์—ฐ: ๋“œ๋ผ์šฐ๋‹ ์ •๋ง ๋“ฃ๊ณ  ์‹ถ๊ณ  ์—ฐ์Šตํ•˜๊ณ  ์‹ถ์–ด์š”

๐Ÿ“‹ ์˜ค๋Š˜ ํ•  ์ผ

  • ๋ฏธ๋ผ: ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ• ๊ฒŒ์š” (๋ญ๋ถ€ํ„ฐ ํ• ์ง€๋Š” ๊ณ ๋ฏผโ€ฆ)
  • ์„ ์•„: ๋‹ค์†”๋‹˜๊ณผ ํ•จ๊ป˜ redo/undo ํ•ด๋ณผ๊ฒŒ์š”~
  • ์ˆ˜์ •: ๋ชจ๋…ธ๋ ˆํฌ, husky ๋„์ž…ํ•ด๋ณผ๊ฒŒ์š” (+ lighthouse๋Š” ๋„˜ ์ด๋ฅธ๊ฐ€์š”)
    • lighthouse ์ธก์ •๋„ ์ž๋™ํ™”ํ•ด๋ณด๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์š”
  • ๋‹ค์†”: redo/undo ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ• ๊ฒŒ์š”
  • ํƒœ์—ฐ: ์›น์†Œ์ผ“ ๊ตฌํ˜„ํ• ๊ฒŒ์š”

11์›” 19์ผ ํ™”์š”์ผ

์„ธ๋ถ€ ๋‚ด์šฉ ๋ณด๊ธฐ

๐ŸŽ ์˜ค๋Š˜์˜ TMI

  • ์ˆ˜์ •: ์ ์‹ฌ ์†Œ๊ณ ๊ธฐ๋ž‘ ์งœํŒŒ๊ฒŒํ‹ฐ ๋จน์„ ์˜ˆ์ •์ด์—์š”
    • ๋ง›์žˆ๊ฒ ๋‹คโ€ฆ
  • ํƒœ์—ฐ: ๋ฐฐ๊ณ ํŒŒ์š”
  • ์„ ์•„: ์˜์‚ฌ์„ ์ƒ๋‹˜์ด ๋„ˆ๋ฌด ์นœ์ ˆํ•ด์š”
  • ๋ฏธ๋ผ: ๋…ธํŠธ๋ถ ๋ฐฐ์†ก ์–ธ์ œ ์˜ค๋Š”์ง€ ๊ณ ๊ฐ์„ผํ„ฐ์— ์ „ํ™” ํ–ˆ๋Š”๋ฐ ์•ˆ ๋ฐ›์•„์š”ใ…œใ…œ
    • ์˜ค์ž‰ 11์‹œ์— ์˜จ๋Œ€์š” ์•ผํ˜ธ 1์‹œ์— ์นดํŽ˜๋กœ ๊ฐ€์š”
    • ๊ทธ๋Ÿผ ์ ์‹ฌ ๋จน๊ณ  ๋ด‰์ฒœ ๊ฐ€์š” ์Šคํƒ€๋ฒ…์Šค์— ์ž๋ฆฌ ๋งก์•„๋†“์„๊ฒŒ์š”
  • ๋‹ค์†”: 10๋ถ„ ์ „์— ์ผ์–ด๋‚ฌ์–ด์š”

๐Ÿง ์–ด์ œ ํ•œ ์ผ

  • ์ˆ˜์ •: ํŒจํ‚ค์ง€ ๋ถ„๋ฆฌ๋Š” ๋‹ค ํ–ˆ๋Š”๋ฐ ์„œ๋ฒ„ ์‹คํ–‰ํ•˜๋‹ค๊ฐ€ ๋ ˆ๋””์Šค ๊ถŒํ•œ ์—†์–ด์„œ wiki ์ •๋ฆฌํ–ˆ์–ด์š”
  • ํƒœ์—ฐ: ์›น์†Œ์ผ“ ์—ฐ๊ฒฐํ•˜๋Š”๋ฐ ์ž๊พธ ๋Š๊ฒจ์„œ zustand ๋„์ž… ์ค‘์ด์—์š”
  • ์„ ์•„: ๋Œ€๊ธฐํ™”๋ฉด ๊ตฌํ˜„ํ–ˆ์–ด์š”
  • ๋ฏธ๋ผ: draw gateway ๊ตฌํ˜„ํ–ˆ์–ด์š”
  • ๋‹ค์†”: undo redo ๊ฐ„๋‹จ ํ…Œ์ŠคํŠธ ํ›„ ๋ฌธ์„œํ™”ํ–ˆ์–ด์š”

๐Ÿงฑ ๋ฐฉํ•ด ์š”์†Œ

  • ์ˆ˜์ •: ์˜ค๋Š˜์ด ๋ณ‘์› ๋งˆ์ง€๋ง‰ ๋ฐฉ๋ฌธ์ด์—ˆ์Œ ์ข‹๊ฒ ์–ด์š”
  • ํƒœ์—ฐ: ๋ฏธ๋ผ๋‹˜ ๋…ธํŠธ๋ถ์ด ๋ฐฉํ•ด์š”์†Œ์˜ˆ์š”
  • ์„ ์•„: ์ง€๊ฐ ์ฃ„์†กํ•ด์š”
  • ๋ฏธ๋ผ: ์–ธ์ œ ๋ฐ›์•„์„œ ์ง‘์—์„œ ๋‚˜๊ฐˆ ์ˆ˜ ์žˆ์„์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์š”ใ…œใ…œ
  • ๋‹ค์†”: ์กฐ๊ธˆ ํ”ผ๊ณคํ•ด์š”โ€ฆ

๐Ÿ“‹ ์˜ค๋Š˜ ํ•  ์ผ

  • ์ˆ˜์ •: ๋ชจ๋…ธ๋ ˆํฌ ๋ฐฐํฌ ํ…Œ์ŠคํŠธ
    • ์†Œ์ผ“ ๊ทธ๋ฆฌ๊ธฐ ์—ฐ๋™ ์™„๋ฃŒ ์‹œ CRDT ์—ฐ๋™
    • ์†Œ์ผ“ ๊ทธ๋ฆฌ๊ธฐ ์—ฐ๋™ ๋ฏธ์™„๋ฃŒ ์‹œ ๋„คํŠธ์›Œํฌ ๋ฐ์ดํ„ฐ ๋ชจ๋‹ˆํ„ฐ๋ง ๋ฐฉ๋ฒ• ๋ชจ์ƒ‰, ์ž‘์—…๊ธฐ๋ฐ˜ CRDT ํ•™์Šต
  • ํƒœ์—ฐ: - ์›น์†Œ์ผ“ ์—ฐ๊ฒฐ ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„
  • ์„ ์•„:
    • ๋Œ€๊ธฐํ™”๋ฉด์ด๋ž‘ ๊ฒŒ์ž„ ์ง„ํ–‰ ํ™”๋ฉด ๊ฒน์น˜๋Š” ๋ ˆ์ด์•„์›ƒ ๊ณตํ†ตํ™”
    • ์›น์ ‘๊ทผ์„ฑ ํ•™์Šต
    • ์บ”๋ฒ„์Šค ์ƒ‰๊น” ๊ฒน์ณ์ง€๋Š” ๋ฌธ์ œ ์ƒ๊ฐํ•ด๋ดค๋Š”๋ฐ Path2D ๊ฐ์ฒด peerId๋งˆ๋‹ค ์ƒ์„ฑํ•˜๋Š”๊ฑด ์–ด๋–จ๊นŒ์š”?
      • path2D๋Š” ๊ฒฝ๋กœ๋งŒ ์ €์žฅํ•ด์ฃผ๊ณ  ์ƒ‰์ด๋‚˜ ๋‘๊ป˜๊ฐ™์€ ์Šคํƒ€์ผ์€ ์ €์žฅํ•ด์ฃผ์ง€ ์•Š๋”๋ผ๊ณ ์š” ใ… ใ… 
      • ์•„ํ•˜ โ€ฆ ์ข€ ๋” ์ฐพ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹คโ€ฆ ์ €๋„ ์ฐพ์•„๋ณผ๊ฒŒ์š”
  • ๋ฏธ๋ผ: ๋ฉ˜ํ† ๋ง ์ผ์ง€ ์ž‘์„ฑ, chat ๊ตฌํ˜„, (๋ฆฌํŒฉํ† ๋ง or ๊ธฐ๋Šฅ ๊ตฌํ˜„)
  • ๋‹ค์†”: ์บ”๋ฒ„์Šค ์ตœ์ ํ™” (๋ฆฌํŒฉํ† ๋ง๋ณด๋‹ค๋Š” ์‹œ๊ฐ์  ์‚ฌ์šฉ์„ฑ ์œ„์ฃผ๋กœ ์‚ดํŽด๋ณผ ์˜ˆ์ •)
    • ex ์„  ํ‘œ๋ฉด ์šฐ๋‘˜ํˆฌ๋‘˜(์•ˆํ‹ฐ ์•จ๋ฆฌ์–ด์‹ฑ), ๋ชจ์„œ๋ฆฌ ์•ˆ๊ทธ๋ ค์ง€๋Š” ํ˜„์ƒ, ์ค‘๋ณต ๋žœ๋”๋ง ๋“ฑ

11์›” 20์ผ ์ˆ˜์š”์ผ

์„ธ๋ถ€ ๋‚ด์šฉ ๋ณด๊ธฐ

๐ŸŽ ์˜ค๋Š˜์˜ TMI

  • ๋ฏธ๋ผ: ๋งฅ๋ถ ์„ธํŒ…ํ•˜๋‹ค๊ฐ€ ๋Šฆ๊ฒŒ ์žค์–ด์š”
  • ์ˆ˜์ •: ์ถ”์›Œ์„œ ์ด๋ถˆ ๋ฐ–์— ๋‚˜๊ฐ€๊ธฐ ํž˜๋“ค์–ด์š” ๊ทธ๋ž˜์„œ ๋Šฆ์ž  ์žค์–ด์š”
  • ์„ ์•„: ์—†์–ด์š”
  • ํƒœ์—ฐ: ๋ฏธ๋ผ๋‹˜ ๋งฅ๋ถ ์„ธํŒ… ๊ฒ€์‚ฌํ•ด์•ผ ํ•ด์š”
  • ๋‹ค์†”: ์กฐ๊ธˆ ์ถฅ๊ณ  ์กธ๋ ค์š”

๐Ÿง ์–ด์ œ ํ•œ ์ผ

  • ๋ฏธ๋ผ: ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋งํ–ˆ์–ด์š”
  • ์ˆ˜์ •: ๋„์ปค ํ…Œ์ŠคํŠธ ๋ฐฐํฌ๊นŒ์ง€ ์™„๋ฃŒํ–ˆ์–ด์š”
  • ์„ ์•„: ๋Œ€๊ธฐํ™”๋ฉด ๋งˆ๋ฌด๋ฆฌ, ์›น ์ ‘๊ทผ์„ฑ ํ•™์Šต/์ •๋ฆฌ(๋ฏธ์™„๋ฃŒ)ํ–ˆ์–ด์š”
  • ํƒœ์—ฐ: ์›น์†Œ์ผ“ ๋“œ๋กœ์ž‰ ์—ฐ๊ฒฐ ๋ฐ useDrawing ์›น์†Œ์ผ“ ๋ฐ์ดํ„ฐ์— ๋งž๊ฒŒ ์ตœ์ ํ™”ํ–ˆ์–ด์š”
  • ๋‹ค์†”: ๋“œ๋กœ์ž‰ ์ตœ์ ํ™”(ingโ€ฆ), ์„ฑ์žฅ์ผ์ง€(๋ฉ˜ํ† ๋ง์ผ์ง€) ์ž‘์„ฑํ–ˆ์–ด์š”

๐Ÿงฑ ๋ฐฉํ•ด ์š”์†Œ

  • ๋ฏธ๋ผ: ์ž ์ด์š”
  • ์ˆ˜์ •: ์ถ”์›Œ์š”
  • ์„ ์•„: ๋ฐฐ๊ณ ํŒŒ์š”
  • ํƒœ์—ฐ: ๋ฏธ๋ผ๋‹˜์ด์š”
  • ๋‹ค์†”: ์กธ๋ ค์š”

๐Ÿ“‹ ์˜ค๋Š˜ ํ•  ์ผ

  • ๋ฏธ๋ผ: ์—๋Ÿฌ ํ•ธ๋“ค๋ง ์ถ”๊ฐ€, ๊ฒŒ์ž„ ํ”Œ๋กœ์šฐ๋Œ€๋กœ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ• ๊ฒŒ์š”
  • ์ˆ˜์ •: ๋ชจ๋…ธ๋ ˆํฌ ์„ธํŒ… PR ์˜ฌ๋ฆฌ๊ธฐ (+๊ธฐ์ˆ  ๋กœ๊ทธ), CRDT ์—ฐ๋™ํ• ๊ฒŒ์š”
  • ์„ ์•„: ์›น ์ ‘๊ทผ์„ฑ ์˜ฌ๋ฆฌ๋Š” ๋ฐฉ๋ฒ• ํ•™์Šต/์ ์šฉ(+ ๊ธฐ์ˆ  ๋กœ๊ทธ), ๋ฉ˜ํ† ๋ง ์ผ์ง€ ์ž‘์„ฑ, ๊ธฐ์ˆ  ๋กœ๊ทธ ํ™•์ธํ• ๊ฒŒ์š”
  • ํƒœ์—ฐ: ๋“œ๋กœ์ž‰ ํ…Œ์ŠคํŠธ, ์ฑ„ํŒ… ๊ตฌํ˜„ ๋ฐ ํ…Œ์ŠคํŠธ, ์›น์†Œ์ผ“ ๋ฌธ์„œํ™”ํ• ๊ฒŒ์š”
  • ๋‹ค์†”: ์ตœ์ ํ™” ์ด์–ด์„œํ•˜๊ณ  ํƒœ์—ฐ๋‹˜ ๋ฌธ์„œ ํ™•์ธํ• ๊ฒŒ์š”

11์›” 21์ผ ๋ชฉ์š”์ผ

์„ธ๋ถ€ ๋‚ด์šฉ ๋ณด๊ธฐ

๐ŸŽ ์˜ค๋Š˜์˜ TMI

  • ๋ฏธ๋ผ: ํ•™๊ต ์•ž ์ง€ํ•˜์ฒ  ์—์Šค์ปฌ๋ ˆ์ดํ„ฐ ๊ณต์‚ฌํ•ด์„œ ํž˜๋“ค์–ด์š”. ๊ฐ€๋Š” ๊ณณ๋งˆ๋‹ค ๊ณต์‚ฌํ•˜๋Š”๊ฑฐ ๊ฐ™์•„์š”ใ…œใ…œ
  • ์„ ์•„: ํ˜ธ์ดํ˜ธ์ด๋Š” ๋ง›์žˆ์–ด์š”
  • ์ˆ˜์ •: ์ฃผ๋ง์— ํ•ด์ปคํ†ค ์Šคํƒœํ”„ ์•ˆํ•˜๋ ค๊ตฌ์š”.. ํ• ๊ฒŒ ๋„ˆ๋ฌด ๋งŽ์•„์š”
  • ํƒœ์—ฐ: ํ–ฅ์ˆ˜ ์ƒ€์–ด์š”
  • ๋‹ค์†”: ๋ฒŒ์จ ๋ชฉ์š”์ผ์ด๋„ค์š”

๐Ÿง ์–ด์ œ ํ•œ ์ผ

  • ๋ฏธ๋ผ: ๋ฐฉ ์„ค์ • ๋ณ€๊ฒฝ ๊ตฌํ˜„ํ–ˆ์–ด์š”
  • ์„ ์•„: ์›น ์ ‘๊ทผ์„ฑ ํ•™์Šต/์ •๋ฆฌ + Dropdown ์ปดํฌ๋„ŒํŠธ์— ์ ์šฉ/์ •๋ฆฌํ–ˆ์–ด์š”
  • ์ˆ˜์ •: core ๋นŒ๋“œ ์—†์ด ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์Šคํฌ๋ฆฝํŠธ, pull ๋ฐ›์€ ์ฝ”๋“œ ๋ดค์–ด์š”
  • ํƒœ์—ฐ: ์ฑ„ํŒ… ์†Œ์ผ“ ์—ฐ๊ฒฐํ–ˆ์–ด์š”
  • ๋‹ค์†”: ๋ฉ˜ํ† ๋ง์ผ์ง€ ๋‚ด์šฉ ๋ณด์ถฉ & ๋ฉ˜ํ† ๋ง ์ง„ํ–‰ ํ›„ ๋ณด๊ฐ„๋ฒ• ๊ฐ„๋‹จ ํ•™์Šตํ–ˆ์–ด์š”

๐Ÿงฑ ๋ฐฉํ•ด ์š”์†Œ

  • ๋ฏธ๋ผ: reconnect ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ•ด์•ผํ•  ์ง€ ๊ณ ๋ฏผ๋ผ์š”
  • ์„ ์•„: ์Œใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ…ใ… ์—†์–ด์š”
  • ์ˆ˜์ •: ๋ฐ๋ชจ๊ฐ€ ๊ฑฑ์ •๋ผ์š”
  • ํƒœ์—ฐ: ์–ด์ œ Drowning ์—ฐ์Šตํ–ˆ๋Š”๋ฐ ์ž˜ ์•ˆ๋ผ์„œ ์ •๋ง ์•„์‰ฌ์› ์–ด์š”. ๋…ธ๋ž˜ ์ž˜ ๋ถ€๋ฅด๊ณ  ์‹ถ์–ด์š”
  • ๋‹ค์†”: ์—†์–ด์š”

๐Ÿ“‹ ์˜ค๋Š˜ ํ•  ์ผ

  • ๋ฏธ๋ผ: reconnect ๋กœ์ง ๋ณ€๊ฒฝ, ์—ญํ•  ๋ถ„๋ฐฐํ•ด์„œ ๋‹ค๋ฅธ ํ™”๋ฉด ๋ณผ ์ˆ˜ ์žˆ๋„๋ก, ํƒ€์ด๋จธ ๊ธฐ๋Šฅ ๊ตฌํ˜„, ์‹œ๊ฐ„๋˜๋ฉด ์ฑ„ํŒ… ์„œ๋ฒ„๊นŒ์ง€ ์ƒ๊ฐํ•ด๋ณผ๊ฒŒ์š”
  • ์„ ์•„: ์›น ์ ‘๊ทผ์„ฑ ์ ์šฉ/์ •๋ฆฌํ• ๊ฒŒ์š”
  • ์ˆ˜์ •: CRDT ์ ์šฉ, ์ „/ํ›„ ๋กœ๊ทธ ๊ธฐ๋กํ• ๊ฒŒ์š”
  • ํƒœ์—ฐ: ๋ ˆ์ด์•„์›ƒ ๊ตฌ์กฐ ๋ฆฌํŒฉํ† ๋ง, gameStart ๋“ฑ ๊ฒŒ์ž„ ์ด๋ฒคํŠธ ์ถ”๊ฐ€ํ• ๊ฒŒ์š”
  • ๋‹ค์†”: ์บ”๋ฒ„์Šค(์„ ) ์ตœ์ ํ™” ์™„๋ฃŒ, ์‹œ๊ฐ„ ๋‚จ๋Š”๋‹ค๋ฉด ์ƒˆ useDrawing ๊ตฌ์กฐ์— ๋งž๊ฒŒ undo / redo ์ˆ˜์ •ํ• ๊ฒŒ์š”

๐Ÿ˜Ž ์›จ๋ฒ ๋ฒ ๋ฒ ๋ฒฑ

๐Ÿ‘ฎ๐Ÿป ํŒ€ ๊ทœ์น™

๐Ÿ’ป ํ”„๋กœ์ ํŠธ

๐Ÿชต ์›จ๋ฒ ๋ฒฑ ๊ธฐ์ˆ ๋กœ๊ทธ

๐Ÿช„ ๋ฐ๋ชจ ๊ณต์œ 

๐Ÿ”„ ์Šคํ”„๋ฆฐํŠธ ๊ธฐ๋ก

๐Ÿ“— ํšŒ์˜๋ก

Clone this wiki locally