-
Notifications
You must be signed in to change notification settings - Fork 7
๐ WEEK 04 ์ฃผ๊ฐ ํ๊ณ
choiseona edited this page Dec 3, 2024
·
1 revision
-
๋ฏธ๋ผ
- ๋ฆฌํฉํ ๋ง ๋ฏธ๋ฃจ์ง ์๊ณ ํ์ด์
- ๊ธฐํ ๋ง์ถฐ์ ๊ธฐ๋ฅ ๊ฐ๋ฐ ํ์ด์
-
์์
- 4์ฃผ์ฐจ ๋๋ฉด ๋น๋๋ฉด ๋น์จ ์ ๋นํ๋ ๊ฒ ๊ฐ์์
- ๋ชจ๋ ธ๋ ํฌ ์ ์ฉ ์๋ ๊น๋ด ๊ฑฑ์ ํ๋๋ฐ 3์๊ฐ๋ง์ ๋ณํฉ ์๋ฃํ์ด์
- conflict ๋๊ธฐ์ ์ผ๋ก ๋ณํฉํ์ด์
-
์ ์
- ๋ฏธ๋ค๋๋ ์น ์ ๊ทผ์ฑ ํ์ตํด์ ๋๋ฌด ์ข์์ด์! ํ์ตํ ๊ฑฐ ๊ธฐ๋ฐ์ผ๋ก ๊ธฐ์กด์ ๋งํฌ์ ์ ์ด๋ค ๋ฌธ์ ์ ์ด ์์๋์ง๋ ํ์ ํด์ ์ข์์ด์!
-
ํ์ฐ
- ์น์์ผ ํ์ฅ์ฑ ์๊ฒ ์ ๋ง๋ ๊ฑฐ ๊ฐ์์. ๊น๋ํ๊ฒ ๋ง๋ ๊ฑฐ ๊ฐ์์!
- ๐๐๐๐๐
- ์น์์ผ ํ์ฅ์ฑ ์๊ฒ ์ ๋ง๋ ๊ฑฐ ๊ฐ์์. ๊น๋ํ๊ฒ ๋ง๋ ๊ฑฐ ๊ฐ์์!
-
๋ค์
- ํ์์ ํท๊ฐ๋ ธ๋ ๊ฐ๋
์ ํ์คํ๊ฒ ์ดํดํ๊ฒ ๋ ๊ฒ ๊ฐ์์
- ๋ณด๊ฐ๋ฒ, requestAnimationFrame
- ํ์์ ํท๊ฐ๋ ธ๋ ๊ฐ๋
์ ํ์คํ๊ฒ ์ดํดํ๊ฒ ๋ ๊ฒ ๊ฐ์์
-
๋ฏธ๋ผ
- ๊ธฐ๋ฅ ๋นจ๋ฆฌ ๊ตฌํํด์ผ ํ ๊ฒ ๊ฐ์์
- ๊ธฐ๋ฅ ๊ตฌํ์ด ์์ฃผ๊ฐ ๋๋ฉด์ ๋ฌธ์ํ์ ์ํํด์ก์ด์
-
์์
- ํ์ฐ๋๊ป์ ์์ผ ์ฐ๊ฒฐ ์ ์๋ ๋ ๋ถํธํ ๊ฐ์ ์ ํํํ์ ์ ๋นํฉํ์ด์
- ์น์ ํ๊ฒ ๋งํ๊ธฐ ๋ฆฌ๋ง์ธ๋ ํ์ํด์
-
์ ์
- ์์ผ ์ฐ๊ฒฐ ํด๋ณด๊ณ ์ถ๋ค๊ณ ํด๋๊ณ ์ ์ฝ๋ ํ์ ํ์ง ์์์ด์, ์ด์ ๋ถ๋ด๋ถ๋ด ํ๋๊ฒ ์์ฌ์์
- ๋น๋๋ฉด ์ง์ค์ด ์ ์๋ผ์...
-
ํ์ฐ
- ์ฐ๋ฆฌ ๊ฒ์ ์ผ๋ฅธ ํ๊ณ ์ถ์ด์...
-
๋ค์
- ๋ณด๊ฐ๋ฒ ํ๋ฉด์ ํ์ ์ด์์ผ๋ก ํ์ตํ์ง ์์๋... ํ๋ ์๊ฐ์ด ๋ค์ด์
-
๋ฏธ๋ผ
- ๋ง์ ์ฌ์ฉ์ ๊ณ ๋ ค, ์๋ฒ ํ๋ก์ธ์ค ๋๋๊ธฐ ํด๋ณผ๊ฒ์
- ํด๋ผ์ด์ธํธ ์ฝ๋๋ ์ดํดํ๊ธฐ โ ์น์์ผ ํต์ ์์ ํ์์ธ ๋ฏํด์
-
์์
- ๋ฐฑ์๋ ์ฝ๋๋ ์ดํดํด๋ณผ๊ฒ์
- ๋ฐ์ดํฐ ์์ถ, CPU ์ฑ๋ฅ ํ์ตํ๊ณ ๊ฐ์ ํด๋ณด๊ณ ์ถ์ด์
- lighthouse ์งํ ์ธก์ ์๋ํ, husky ๋์ ํด๋ณผ๊ฒ์
-
์ ์
- ๋ฐฑ์๋ ์ฝ๋ ์ดํด
- ๊ฒ์ ์น์์ผ ์ฐ๋, ์น ์ ๊ทผ์ฑ ์ ์ฉํ ๊ฒ์
-
ํ์ฐ
- ํด๋ผ์ด์ธํธ ์๋ฌ ํธ๋ค๋ง ์ ๋ถ ๊ธฐ๋กํ๊ณ ํ ์คํธ UI ๋ง๋ค๊ฒ์
- ๊ฒ์ ์น์์ผ ์ฐ๋ํ ๊ฒ์
-
๋ค์
- ๋๋ก์ ์ง์ฐ ์์ธ ํ์ ๋ฐ ํด๊ฒฐํด๋ณผ๊ฒ์
- ์บ๋ฒ์ค ์ต์ ํ ์์ ๋ฌผ ๋ณํฉํ ๊ฒ์
- ํ์ต ๋ฐ๋ผ์ก๊ธฐ 2 (๋ฐฑ์๋ ์์ฃผ)
- ๊ธฐํ ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ์ ํ์ํ ์์ ๋ค ์งํํ ๊ฒ์
- 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 ์ฃผ๊ฐ ํ๊ณ