-
Notifications
You must be signed in to change notification settings - Fork 7
๐ WEEK 04 ๋ฐ์ผ๋ฆฌ ์คํฌ๋ผ
choiseona edited this page Dec 3, 2024
·
1 revision
์ธ๋ถ ๋ด์ฉ ๋ณด๊ธฐ
- ์์ : ๋งฅ๋ชจ๋ ๋จน๊ณ ์ฌ๋ผํ๋๋ฐ 9์์ ๊ธฐ์ํด์ ๋ชป ๋จน์์ด์
- ๋ฏธ๋ผ: ๋ฐฅ๋จน๊ณ ์ฌ๋ผํ๋๋ฐ ์งํ์ฒ ํ์ ๋๋ฌธ์ ๋ชป ๋จน์์ด์
- ๋ค์: ํผ๊ณคํด์โฆ.
- ์ ์: ์ด๋ ค์ฃผ์ธ์~~
- ํ์ฐ: Drowning ์ ๋ง ์ข์์ ๊ฐ์๊ธฐ ๋น ์ก์ด์
- ๋ฏธ๋ผ: joinRoom ๊ตฌํํ์ด์
- ์ ์: ์์ ๋ crdt socket ์ฐ๊ฒฐ ์ฝ๊ธฐ, undo/redo ๋ฐฉ๋ฒ ์๊ฐํ์ด์
- ์์ : ๊ธฐ์ ๋ก๊ทธ ์ ๋ฆฌํ์ด์
- ๋ค์: ํ์ฐ๋, ์์ ๋ ์๋ฃ ์คํฐ๋ํ์ด์ (ISO 7๊ณ์ธต, LWW & playwright)
- ํ์ฐ: ์น์์ผ ๋ฐ HTTP ์์ฒญ/์๋ต ์ค๊ณํ์ด์
- ๋ฏธ๋ผ: ๋ ธํธ๋ถ ๋ด์ผ ๋ฐ์ ์ ์์ด์
- ์ ์: ๊ผฌ๋ฆฌ๋ผ์ ์ ๊ฒฝ์ด ๊ณ์ ๊ฐ์ ใ ใ
- ์์ : ์งํ์ฒ ์ญ ๋นต ๋์๊ฐ ๋ฐฉํด์์์์
- ๋ค์: ๋ฑํ ์์ด์
- ํ์ฐ: ๋๋ผ์ฐ๋ ์ ๋ง ๋ฃ๊ณ ์ถ๊ณ ์ฐ์ตํ๊ณ ์ถ์ด์
- ๋ฏธ๋ผ: ๊ธฐ๋ฅ ๊ตฌํํ ๊ฒ์ (๋ญ๋ถํฐ ํ ์ง๋ ๊ณ ๋ฏผโฆ)
- ์ ์: ๋ค์๋๊ณผ ํจ๊ป redo/undo ํด๋ณผ๊ฒ์~
-
์์ : ๋ชจ๋
ธ๋ ํฌ, husky ๋์
ํด๋ณผ๊ฒ์ (+ lighthouse๋ ๋ ์ด๋ฅธ๊ฐ์)
- lighthouse ์ธก์ ๋ ์๋ํํด๋ณด๋ฉด ์ข์ ๊ฒ ๊ฐ์์
- ๋ค์: redo/undo ๊ธฐ๋ฅ ๊ตฌํํ ๊ฒ์
- ํ์ฐ: ์น์์ผ ๊ตฌํํ ๊ฒ์
์ธ๋ถ ๋ด์ฉ ๋ณด๊ธฐ
-
์์ : ์ ์ฌ ์๊ณ ๊ธฐ๋ ์งํ๊ฒํฐ ๋จน์ ์์ ์ด์์
- ๋ง์๊ฒ ๋คโฆ
- ํ์ฐ: ๋ฐฐ๊ณ ํ์
- ์ ์: ์์ฌ์ ์๋์ด ๋๋ฌด ์น์ ํด์
-
๋ฏธ๋ผ: ๋
ธํธ๋ถ ๋ฐฐ์ก ์ธ์ ์ค๋์ง ๊ณ ๊ฐ์ผํฐ์ ์ ํ ํ๋๋ฐ ์ ๋ฐ์์ใ
ใ
- ์ค์ 11์์ ์จ๋์ ์ผํธ 1์์ ์นดํ๋ก ๊ฐ์
- ๊ทธ๋ผ ์ ์ฌ ๋จน๊ณ ๋ด์ฒ ๊ฐ์ ์คํ๋ฒ ์ค์ ์๋ฆฌ ๋งก์๋์๊ฒ์
- ๋ค์: 10๋ถ ์ ์ ์ผ์ด๋ฌ์ด์
- ์์ : ํจํค์ง ๋ถ๋ฆฌ๋ ๋ค ํ๋๋ฐ ์๋ฒ ์คํํ๋ค๊ฐ ๋ ๋์ค ๊ถํ ์์ด์ wiki ์ ๋ฆฌํ์ด์
- ํ์ฐ: ์น์์ผ ์ฐ๊ฒฐํ๋๋ฐ ์๊พธ ๋๊ฒจ์ zustand ๋์ ์ค์ด์์
- ์ ์: ๋๊ธฐํ๋ฉด ๊ตฌํํ์ด์
- ๋ฏธ๋ผ: draw gateway ๊ตฌํํ์ด์
- ๋ค์: undo redo ๊ฐ๋จ ํ ์คํธ ํ ๋ฌธ์ํํ์ด์
- ์์ : ์ค๋์ด ๋ณ์ ๋ง์ง๋ง ๋ฐฉ๋ฌธ์ด์์ ์ข๊ฒ ์ด์
- ํ์ฐ: ๋ฏธ๋ผ๋ ๋ ธํธ๋ถ์ด ๋ฐฉํด์์์์
- ์ ์: ์ง๊ฐ ์ฃ์กํด์
- ๋ฏธ๋ผ: ์ธ์ ๋ฐ์์ ์ง์์ ๋๊ฐ ์ ์์์ง ๋ชจ๋ฅด๊ฒ ์ด์ใ ใ
- ๋ค์: ์กฐ๊ธ ํผ๊ณคํด์โฆ
-
์์ : ๋ชจ๋
ธ๋ ํฌ ๋ฐฐํฌ ํ
์คํธ
- ์์ผ ๊ทธ๋ฆฌ๊ธฐ ์ฐ๋ ์๋ฃ ์ CRDT ์ฐ๋
- ์์ผ ๊ทธ๋ฆฌ๊ธฐ ์ฐ๋ ๋ฏธ์๋ฃ ์ ๋คํธ์ํฌ ๋ฐ์ดํฐ ๋ชจ๋ํฐ๋ง ๋ฐฉ๋ฒ ๋ชจ์, ์์ ๊ธฐ๋ฐ CRDT ํ์ต
- ํ์ฐ: - ์น์์ผ ์ฐ๊ฒฐ ์ค๊ณ ๋ฐ ๊ตฌํ
-
์ ์:
- ๋๊ธฐํ๋ฉด์ด๋ ๊ฒ์ ์งํ ํ๋ฉด ๊ฒน์น๋ ๋ ์ด์์ ๊ณตํตํ
- ์น์ ๊ทผ์ฑ ํ์ต
- ์บ๋ฒ์ค ์๊น ๊ฒน์ณ์ง๋ ๋ฌธ์ ์๊ฐํด๋ดค๋๋ฐ Path2D ๊ฐ์ฒด peerId๋ง๋ค ์์ฑํ๋๊ฑด ์ด๋จ๊น์?
- path2D๋ ๊ฒฝ๋ก๋ง ์ ์ฅํด์ฃผ๊ณ ์์ด๋ ๋๊ป๊ฐ์ ์คํ์ผ์ ์ ์ฅํด์ฃผ์ง ์๋๋ผ๊ณ ์ ใ ใ
- ์ํ โฆ ์ข ๋ ์ฐพ์๋ณด๊ฒ ์ต๋๋ค ๊ฐ์ฌํฉ๋๋คโฆ ์ ๋ ์ฐพ์๋ณผ๊ฒ์
- ๋ฏธ๋ผ: ๋ฉํ ๋ง ์ผ์ง ์์ฑ, chat ๊ตฌํ, (๋ฆฌํฉํ ๋ง or ๊ธฐ๋ฅ ๊ตฌํ)
-
๋ค์: ์บ๋ฒ์ค ์ต์ ํ (๋ฆฌํฉํ ๋ง๋ณด๋ค๋ ์๊ฐ์ ์ฌ์ฉ์ฑ ์์ฃผ๋ก ์ดํด๋ณผ ์์ )
- ex ์ ํ๋ฉด ์ฐ๋ํฌ๋(์ํฐ ์จ๋ฆฌ์ด์ฑ), ๋ชจ์๋ฆฌ ์๊ทธ๋ ค์ง๋ ํ์, ์ค๋ณต ๋๋๋ง ๋ฑ
์ธ๋ถ ๋ด์ฉ ๋ณด๊ธฐ
- ๋ฏธ๋ผ: ๋งฅ๋ถ ์ธํ ํ๋ค๊ฐ ๋ฆ๊ฒ ์ค์ด์
- ์์ : ์ถ์์ ์ด๋ถ ๋ฐ์ ๋๊ฐ๊ธฐ ํ๋ค์ด์ ๊ทธ๋์ ๋ฆ์ ์ค์ด์
- ์ ์: ์์ด์
- ํ์ฐ: ๋ฏธ๋ผ๋ ๋งฅ๋ถ ์ธํ ๊ฒ์ฌํด์ผ ํด์
- ๋ค์: ์กฐ๊ธ ์ถฅ๊ณ ์กธ๋ ค์
- ๋ฏธ๋ผ: ์ฝ๋ ๋ฆฌํฉํ ๋งํ์ด์
- ์์ : ๋์ปค ํ ์คํธ ๋ฐฐํฌ๊น์ง ์๋ฃํ์ด์
- ์ ์: ๋๊ธฐํ๋ฉด ๋ง๋ฌด๋ฆฌ, ์น ์ ๊ทผ์ฑ ํ์ต/์ ๋ฆฌ(๋ฏธ์๋ฃ)ํ์ด์
- ํ์ฐ: ์น์์ผ ๋๋ก์ ์ฐ๊ฒฐ ๋ฐ useDrawing ์น์์ผ ๋ฐ์ดํฐ์ ๋ง๊ฒ ์ต์ ํํ์ด์
- ๋ค์: ๋๋ก์ ์ต์ ํ(ingโฆ), ์ฑ์ฅ์ผ์ง(๋ฉํ ๋ง์ผ์ง) ์์ฑํ์ด์
- ๋ฏธ๋ผ: ์ ์ด์
- ์์ : ์ถ์์
- ์ ์: ๋ฐฐ๊ณ ํ์
- ํ์ฐ: ๋ฏธ๋ผ๋์ด์
- ๋ค์: ์กธ๋ ค์
- ๋ฏธ๋ผ: ์๋ฌ ํธ๋ค๋ง ์ถ๊ฐ, ๊ฒ์ ํ๋ก์ฐ๋๋ก ๊ธฐ๋ฅ ๊ตฌํํ ๊ฒ์
- ์์ : ๋ชจ๋ ธ๋ ํฌ ์ธํ PR ์ฌ๋ฆฌ๊ธฐ (+๊ธฐ์ ๋ก๊ทธ), CRDT ์ฐ๋ํ ๊ฒ์
- ์ ์: ์น ์ ๊ทผ์ฑ ์ฌ๋ฆฌ๋ ๋ฐฉ๋ฒ ํ์ต/์ ์ฉ(+ ๊ธฐ์ ๋ก๊ทธ), ๋ฉํ ๋ง ์ผ์ง ์์ฑ, ๊ธฐ์ ๋ก๊ทธ ํ์ธํ ๊ฒ์
- ํ์ฐ: ๋๋ก์ ํ ์คํธ, ์ฑํ ๊ตฌํ ๋ฐ ํ ์คํธ, ์น์์ผ ๋ฌธ์ํํ ๊ฒ์
- ๋ค์: ์ต์ ํ ์ด์ด์ํ๊ณ ํ์ฐ๋ ๋ฌธ์ ํ์ธํ ๊ฒ์
์ธ๋ถ ๋ด์ฉ ๋ณด๊ธฐ
- ๋ฏธ๋ผ: ํ๊ต ์ ์งํ์ฒ ์์ค์ปฌ๋ ์ดํฐ ๊ณต์ฌํด์ ํ๋ค์ด์. ๊ฐ๋ ๊ณณ๋ง๋ค ๊ณต์ฌํ๋๊ฑฐ ๊ฐ์์ใ ใ
- ์ ์: ํธ์ดํธ์ด๋ ๋ง์์ด์
- ์์ : ์ฃผ๋ง์ ํด์ปคํค ์คํํ ์ํ๋ ค๊ตฌ์.. ํ ๊ฒ ๋๋ฌด ๋ง์์
- ํ์ฐ: ํฅ์ ์์ด์
- ๋ค์: ๋ฒ์จ ๋ชฉ์์ผ์ด๋ค์
- ๋ฏธ๋ผ: ๋ฐฉ ์ค์ ๋ณ๊ฒฝ ๊ตฌํํ์ด์
- ์ ์: ์น ์ ๊ทผ์ฑ ํ์ต/์ ๋ฆฌ + Dropdown ์ปดํฌ๋ํธ์ ์ ์ฉ/์ ๋ฆฌํ์ด์
- ์์ : core ๋น๋ ์์ด ์ฌ์ฉ ๊ฐ๋ฅํ ์คํฌ๋ฆฝํธ, pull ๋ฐ์ ์ฝ๋ ๋ดค์ด์
- ํ์ฐ: ์ฑํ ์์ผ ์ฐ๊ฒฐํ์ด์
- ๋ค์: ๋ฉํ ๋ง์ผ์ง ๋ด์ฉ ๋ณด์ถฉ & ๋ฉํ ๋ง ์งํ ํ ๋ณด๊ฐ๋ฒ ๊ฐ๋จ ํ์ตํ์ด์
- ๋ฏธ๋ผ: reconnect ์ด๋ป๊ฒ ์ฒ๋ฆฌํด์ผํ ์ง ๊ณ ๋ฏผ๋ผ์
- ์ ์: ์ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ใ ์์ด์
- ์์ : ๋ฐ๋ชจ๊ฐ ๊ฑฑ์ ๋ผ์
- ํ์ฐ: ์ด์ Drowning ์ฐ์ตํ๋๋ฐ ์ ์๋ผ์ ์ ๋ง ์์ฌ์ ์ด์. ๋ ธ๋ ์ ๋ถ๋ฅด๊ณ ์ถ์ด์
- ๋ค์: ์์ด์
- ๋ฏธ๋ผ: reconnect ๋ก์ง ๋ณ๊ฒฝ, ์ญํ ๋ถ๋ฐฐํด์ ๋ค๋ฅธ ํ๋ฉด ๋ณผ ์ ์๋๋ก, ํ์ด๋จธ ๊ธฐ๋ฅ ๊ตฌํ, ์๊ฐ๋๋ฉด ์ฑํ ์๋ฒ๊น์ง ์๊ฐํด๋ณผ๊ฒ์
- ์ ์: ์น ์ ๊ทผ์ฑ ์ ์ฉ/์ ๋ฆฌํ ๊ฒ์
- ์์ : CRDT ์ ์ฉ, ์ /ํ ๋ก๊ทธ ๊ธฐ๋กํ ๊ฒ์
- ํ์ฐ: ๋ ์ด์์ ๊ตฌ์กฐ ๋ฆฌํฉํ ๋ง, gameStart ๋ฑ ๊ฒ์ ์ด๋ฒคํธ ์ถ๊ฐํ ๊ฒ์
- ๋ค์: ์บ๋ฒ์ค(์ ) ์ต์ ํ ์๋ฃ, ์๊ฐ ๋จ๋๋ค๋ฉด ์ useDrawing ๊ตฌ์กฐ์ ๋ง๊ฒ undo / redo ์์ ํ ๊ฒ์
- 1. ๊ฐ๋ฐ ํ๊ฒฝ ์ธํ ๋ฐ ํ๋ก์ ํธ ๋ฌธ์ํ
- 2. ์ค์๊ฐ ํต์
- 3. ์ธํ๋ผ ๋ฐ CI/CD
- 4. ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด Canvas ๊ตฌํํ๊ธฐ
- 5. ์บ๋ฒ์ค ๋๊ธฐํ๋ฅผ ์ํ ์์ CRDT ๊ตฌํ๊ธฐ
-
6. ์ปดํฌ๋ํธ ํจํด๋ถํฐ ์น์์ผ๊น์ง, ํจ์จ์ ์ธ FE ์ค๊ณ
- ์ข์ ์ปดํฌ๋ํธ๋ ๋ฌด์์ธ๊ฐ? + Headless Pattern
- ํจ์จ์ ์ธ UI ์ปดํฌ๋ํธ ์คํ์ผ๋ง: Tailwind CSS + cn.ts
- Tailwind CSS๋ก ๋์์ธ ์์คํ ๋ฐ UI ์ปดํฌ๋ํธ ์ธํ
- ์น์์ผ ํด๋ผ์ด์ธํธ ๊ตฌํ๊ธฐ: React ํ๊ฒฝ์์ ํจ์จ์ ์ธ ์น์์ผ ์ํคํ ์ฒ
- ์น์์ผ ํด๋ผ์ด์ธํธ ์ฝ๋ ๋ถ์ ๋ฐ ๊ณต์
- 7. ํธ๋ฌ๋ธ ์ํ ๋ฐ ์ฑ๋ฅ/UX ๊ฐ์
- 1์ฃผ์ฐจ ๊ธฐ์ ๊ณต์
- 2์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- 3์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- 4์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- 5์ฃผ์ฐจ ๋ฐ๋ชจ ๋ฐ์ด
- WEEK 06 ์ฃผ๊ฐ ๊ณํ
- WEEK 06 ๋ฐ์ผ๋ฆฌ ์คํฌ๋ผ
- WEEK 06 ์ฃผ๊ฐ ํ๊ณ