-
Notifications
You must be signed in to change notification settings - Fork 7
๐ WEEK 03 ์ฃผ๊ฐ ํ๊ณ
Sujong Kwak edited this page Nov 22, 2024
·
1 revision
-
๋ฏธ๋ผ
-
๋ฐฐํฌ ์ฑ๊ณต! ์ค๋ ๋ฐฑ์๋ ๋ถ๋ค๊ป ์ค๋ช
๋๋ ธ๋๋ ๊น์ด ์ดํดํ์๊ณ ์นญ์ฐฌํด์ฃผ์
จ์ด์.
- ์์ : โญโญโญ ๊ณ ์ํ์ จ์ด์ ๋ฏธ๋ผ๋! โญโญโญ
-
๋ฐฐํฌ ์ฑ๊ณต! ์ค๋ ๋ฐฑ์๋ ๋ถ๋ค๊ป ์ค๋ช
๋๋ ธ๋๋ ๊น์ด ์ดํดํ์๊ณ ์นญ์ฐฌํด์ฃผ์
จ์ด์.
-
์์
- ํ
์คํธ ์ฝ๋ ์์ฑ ์๋ฃ, ๊ทธ๋ฆฌ๊ณ ๊ธํ๊ฒ PPT ์ ์ํ์ง๋ง ์์ฑํ์ด์!
- PPT ํ๋ฆฌํฐ ๋๋ฐ์ด์์. ํผ์ด์ธ์ ์์ ์นญ์ฐฌ ์์ฒญ ๋ค์์ด์!
- ์ง์ง ์๋ป์!
- ํ
์คํธ ์ฝ๋ ์์ฑ ์๋ฃ, ๊ทธ๋ฆฌ๊ณ ๊ธํ๊ฒ PPT ์ ์ํ์ง๋ง ์์ฑํ์ด์!
-
์ ์
- ์คํ ๋ฆฌ๋ถ
preview
๋ ์ ์๋ํด์ ๋ง์กฑ์ค๋ฌ์ ์ด์.
- ์คํ ๋ฆฌ๋ถ
-
ํ์ฐ
- ์ ์ฒด ๋ ์ด์์ ๊ตฌ์ฑ ์๋ฃ! ์ด์ ๊ฒฐ๊ณผ ํ๋ฉด ๋์์ธ๋ง ์ถ๊ฐํ๋ฉด ๋ณต๋ถ์ผ๋ก ๋ง๋ฌด๋ฆฌ ๊ฐ๋ฅํด์.
-
๋ค์
- ์ง์คํด์ ๋ค์ํ ๊ตฌํ ๋ฐฉ๋ฒ์ ๊ณ ๋ฏผํ๋ฉฐ ์งํํ์ด์.
-
๋ฏธ๋ผ
- ์น์์ผ ์ฐ๊ฒฐ์ด ํ๋ฃจ ๋ง์ ๋๋ ๊ฑฐ๋ผ ์๊ฐํ๋๋ฐโฆ ๋ค๋ฅธ ํ๋ค๋ ๋น์ทํ ์ํฉ์ด์๋ค๊ณ ํ๋๋ผ๊ณ ์. ๊ฒฐ๊ตญ ํ์ดํ๋ก๊ทธ๋๋ฐ์ด ํ์ํ ๊ฒ ๊ฐ์์.
- ํด๋ผ์ด์ธํธ ์ํฉ์ ๊ณ ๋ คํ์ง ์๊ณ ์๋ฒ ์ฝ๋๋ฅผ ์์ฑํ๋๋ ๋ฌธ์ ๊ฐ ์๊ฒผ์ด์.
- ์น์์ผ ์ฐ๊ฒฐ์ด ํ๋ฃจ ๋ง์ ๋๋ ๊ฑฐ๋ผ ์๊ฐํ๋๋ฐโฆ ๋ค๋ฅธ ํ๋ค๋ ๋น์ทํ ์ํฉ์ด์๋ค๊ณ ํ๋๋ผ๊ณ ์. ๊ฒฐ๊ตญ ํ์ดํ๋ก๊ทธ๋๋ฐ์ด ํ์ํ ๊ฒ ๊ฐ์์.
-
์์
- 2์ฃผ ์ฐจ์ ๋นํด ์ง๋๊ฐ ๋๋ ค์ง ๋๋์ธ๋ฐ, ๋ชจ๋ ์๋ก์ด ๊ณต๋ถ์ ๊ตฌํ(ex: ์คํ ๋ฆฌ๋ถ, CRDT, ์บ๋ฒ์ค, ๋ฐฐํฌ)์ ๋ชฐ๋ํ๋ค ๋ณด๋ ์ด์ฉ ์ ์์๋ ๊ฒ ๊ฐ์์.
- CRDT ํ ์คํธ ๊ฒฐ๊ณผ๊ฐ ๋๋ฌด ์ข์์ ์์ฌ์ด ๋ค์ด, ํ ์คํธ๋ฅผ ๊ฒ์ฆํ๋ ์ถ๊ฐ ํ ์คํธ ์ฝ๋๋ฅผ ์์ฑํ๋๋ผ ์๊ฐ์ ๋ง์ด ์ผ์ด์.
-
์ ์
- ์คํ ๋ฆฌ๋ถ ์์ ์ดํ ๋ค๋ฅธ ์์ ์ ์์ํ ๋ ์ฝ๋๋ฅผ ์ดํดํ๋ ๋ฐ ์๊ฐ์ด ๋ง์ด ๊ฑธ๋ ธ์ด์. ์ฝ๋ ๋ฆฌ๋ทฐ์์ ์ฒ๋ฆฌํ์ด์ผ ํ ์ผ์ ์ด์ ์์ผ ํ๊ณ ์๋ ๊ฒ ๊ฐ์ ๋ฐ์ฑํ์ต๋๋ค. ํ๋ก์ ํธ๊ฐ ํ์ ๋ณด๋จ ๋ถ์ ์ผ๋ก ์งํ๋ ๊ฑด ์๋์ง ๊ณ ๋ฏผ์ด ๋ค์์ด์.
-
ํ์ฐ
- ๋ ์ด์์ ๊ตฌ์ฑ ๋ฐ ๋ฐ์ํ ์์
์ ์๊ฐ๋ณด๋ค ์๊ฐ์ด ์ค๋ ๊ฑธ๋ ธ์ด์.
- ๊ฒ์ ํน์ ์ ๋ณต์ก์ฑ ๋๋ฌธ์ธ ๊ฒ ๊ฐ์์.
- ๋ ์ด์์ ๊ตฌ์ฑ ๋ฐ ๋ฐ์ํ ์์
์ ์๊ฐ๋ณด๋ค ์๊ฐ์ด ์ค๋ ๊ฑธ๋ ธ์ด์.
-
๋ค์
- ์๋ ๋ชฉํํ๋ ๊ธฐํ์ ๋๊ฒจ ์์
์ ๋ง๋ฌด๋ฆฌํ์ด์.
- ํ์ฐ๋์ ์ฝ๋๋ฅผ ์ดํดํ๋ ๋ฐ ์๊ฐ์ด ๊ฑธ๋ ธ๊ณ , ๋ณํฉ ๊ณผ์ ์์ ์ข์ ์ ์ ์ ํํ๋ ๋ฐ ์ค๋ ๊ฑธ๋ ธ์ด์.
- ์๋ ๋ชฉํํ๋ ๊ธฐํ์ ๋๊ฒจ ์์
์ ๋ง๋ฌด๋ฆฌํ์ด์.
-
๋ฏธ๋ผ
- ๊ฐ๋ฐ ์ ์ ๊ณต๋ถ ์๊ฐ์ ์ถฉ๋ถํ ํ๋ณดํ๊ธฐ
- ํ์ดํ๋ก๊ทธ๋๋ฐ ์๋
- ํ์ฐ: ์ ๊ฐ ์น์์ผ ์๋ฒ ์์ ๋ ํจ๊ป ์งํํ ๊ฒ์!
- ์ ์: ์ ๋ ๊ณต๋ถํ๊ณ ๊ฐ์ด ํด๋ณผ๊ฒ์!
- ํ ๊ฐ์ง ์์ ์ ๋ ๋ช ์ด์์ ๋ด๋น์๋ฅผ ์ง์ ํด ํ์ ๊ฐํํ๊ธฐ(CRDT, ์บ๋ฒ์ค, ์๋ฒ)
-
์์
- PR ๋ฆฌ๋ทฐ์ ๋จธ์ง๋ฅผ ๋๊ธฐ์ ์ผ๋ก ์งํํด ์ง์์๋ต๊ณผ ์ถฉ๋ ํด๊ฒฐ ์๊ฐ์ ์ค์ฌ๋ณด๊ธฐ
- ์ฃผ๋ง์ ๋ชจ๋ ธ๋ ํฌ ๋์ ๊ณต๋ถํ๊ธฐ(husky, typedoc ํฌํจ)
-
์ ์
- ์ฝ๋ ๋ฆฌ๋ทฐ ๋ ๊ผผ๊ผผํ๊ฒ ๋ณด๊ธฐ
- ์ฃผ๋ง ๋์ ์ค์๊ฐ ํต์ , Nest.js, Redis ๋ฑ ํ์ตํ๊ธฐ
-
ํ์ฐ
- ์น์์ผ๊ณผ ๋ฆฌ์กํธ ์ฐ๊ฒฐ ํจํด ํ์ต ๋ฐ ์ต์ ํ
- ์น์์ผ + ๋ฆฌ์กํธ ์ฟผ๋ฆฌ ํตํฉ ํจํด ์ฐ๊ตฌ
-
๋ค์
- ์บ๋ฒ์ค ๊ธฐ๋ฅ ๋ง๋ฌด๋ฆฌ ๋ฐ ์ต์ ํ ์์
- ์บ๋ฒ์ค ์ ๋๋ฉ์ด์ ๊ณผ ๊ด๋ จ๋ ์ฌํ ํ์ต
- ๋ค๋ฅธ ํ์ ์์ญ(CRDT, ์น์์ผ ๋ฑ) ์คํฐ๋ ์ฐธ์ฌ
- 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 ์ฃผ๊ฐ ํ๊ณ