-
Notifications
You must be signed in to change notification settings - Fork 7
๐๐ปโโ๏ธ ํ ์๊ฐ
Sujong Kwak edited this page Nov 4, 2024
·
6 revisions
5๋ช ์ ๋ชป๋ง๋ฆฌ๋ FE ๊ฐ๋ฐ์๋ค์ด ๋ชจ์ธ ํ์ด์์. ํ์ฌ ํ๋ก์ ํธ์์ ์ ํฌ๋ 5๋ช ์ ๋ถ ํ์คํ์ ๋ด๋นํฉ๋๋ค!
๊ณฝ์์ | ์คํ์ฐ | ์ ๋ฏธ๋ผ | ์ ๋ค์ | ์ต์ ์ |
---|---|---|---|---|
๐ ํ์ฅ | ๋ถํ์ฅ | BE ํ์ฅ | ์๊ฐ ์งํด์ด | FE ํ์ฅ |
-
์ค์๊ฐ ๋์ ํธ์ง(CRDT)
๊ธฐ๋ฅ์ด ํฌํจ๋๊ทธ๋ฆผํ
์ ํ์ฉํ ์น ๊ฒ์ ๊ฐ๋ฐ ๋ง๋ค๊ธฐ! - ์ด๋ ์ ๋๊ฐ ํ๋ก์ ํธ ์์ฑ ๊ธฐ์ค์ผ๊น?
- ๊ฒ์์ ์ฌ๋ฏธ๋ฅผ ๋๋ ์ ์๋ค.
- ๋์์ธ์ด ์๋ คํด ๊ฐํ๊น์ง ์๋๋๋ผ๋, ๋ฌด์ธ๊ฐ๋ฅผ ํด๋ฆญ ํด๋ณด๊ณ ์ถ์ ๋ง์์ด ๋ ๋ค.
- ์ํ ์ ๊ณ ์ฅ์ด ๋๊ปด์ง์ง ์๋๋ค.
- ์๋ฒ๊ฐ ํฐ์ง์ง ์์์ผํจ.
- ๊ทธ๋ฆผ์ ๋์์ ๊ทธ๋ ค๋ ์์ผ ์ฐ๊ฒฐ์ด ๋๊ธฐ์ง ์์์ผํจ.
- ๋๋ก์ ์นํ์ง ์์์ผํจ.
- ๋ฒ ํ ํ
์คํธ ์ 60% ์ด์ ๋ถํธ์ ๋ชป ๋๋ผ๋ฉด ์ฑ๊ณต!
- Lighthouse ์น ์ฑ๋ฅ ์ธก์ ์ ํ๊ท ์ ์ 90์ ์ด์์ด์ด์ผํจ.
- ํ ํ๋ก์ ํธ ์ดํ์๋
์์ผ๋ฉฐ ๋ณผ ์ ์๋ ์ฌ์ด ^^.
- e.g. ๊ฐ์ด ์นํด์ ธ ๊ธ๋จํ๊น์ง ๊ฐ ์ ์๋ ์ฌ์ด
- 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 ์ฃผ๊ฐ ํ๊ณ