-
Notifications
You must be signed in to change notification settings - Fork 7
๐ 11.04 2์ฃผ์ฐจ ์ฃผ๊ฐ ๊ณํ ์๋ฆฝ
Sujong Kwak edited this page Nov 8, 2024
·
3 revisions
- โ
ํ๋ก์ ํธ ์ธํ
๋ง๋ฌด๋ฆฌ (์ค์ )
- โ
ํ๋ก ํธ์๋ ์ค์น ๋ชปํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- tailwind css
- zustand
- tanstack-query
- storybook
- โ
๋ ํฌ์งํ ๋ฆฌ ๊ฐ๋ฐ ์ ๋ต ๊ฒฐ์
- ๊ฒฐ๋ก : ์๊ฐ ์ ๋ชจ๋ ธ๋ ํฌ ์ ์ฉ X, ์ ์ฉํด๋ณด๊ณ ์ถ์ ์ฌ๋์ forkํด๊ฐ์ test ํด๋ณด๊ธฐ
- โ TypeDoc ์ค์ & ๋ฐฐํฌ
- โ
alias ์ค์ โ
@/${ํด๋๋ช }
๋ก ์ค์ - โ Github: ๋ฆฌ๋ทฐ์ด approve ๊ฐ์ ์ค์ , squash and merge๋ง์ผ๋ก ์ ํ
- โ
ํ๋ก ํธ์๋ ์ค์น ๋ชปํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- โ ๋์์ธ ๋ง๋ฌด๋ฆฌ
- โ ํ๋ก๋ํธ ๋ฐฑ๋ก๊ทธ ์์ฑ (2๋ฒ ์ดํ ๋จ๋ ์๊ฐ์)
- โ ์ฃผ๋ง HW ๊ณต์ (๊ฐ์ธ์ด ์ง์ ์ฝ์ด๋ณด๊ธฐ)
โ ๏ธ ์ฃผ๋ง HW ์ง์์๋ต : ๋ณธ์ธ์ด ๊ฐ์ฅ ์ค์ํ๋ค๊ณ ์๊ฐํ ๊ฑฐ ๋ฌผ์ด๋ณด๊ธฐ, ๋๋ต ์ ํ๋ฉด ์์ฒญ- โ ํ๋ก๋ํธ ๋ฐฑ๋ก๊ทธ ๋ง๋ฌด๋ฆฌ
- โ
์ปดํฌ๋ํธ UI ๋ง๋ค๊ธฐ (tailwind ์ถ๊ฐ ์ค์น ์ ํ๋์ด์ผ ํจ - ํ์ฐ & ์ ์)
- Headless UI ์ธํ ํ์
- Storybook ์ธํ ํ์
โ ๏ธ ๊ฐ์ ๋ด๋นํ ํํธ ๊ฐ๋ฐ- ์ปดํฌ๋ํธ, ๋ ์ด์์๊น์ง ํผ๋ธ๋ฆฌ์ฑ ๋ง๋ฌด๋ฆฌ
- โ CRDT ํ๋กํ ํ์ ๋ง๋ค์ด๋ณด๊ธฐ (1:1)
- โ ํด๊ทผํ๊ณ ๊ฐ๋ณ ๋ฉํ ๋ง ์ค๋น
โ ๏ธ 2์ฃผ์ฐจ ์ฌ๋ ๊ธฐ์ ๊ณต์ ์ค๋น- โ ๊ธ์์ผ ๋ฐ๋ชจ ๋ฐํ ์ค๋น
โ ๏ธ (ํ๋ก ํธ์๋) ๋ฐฐํฌ ์ค๋น- Vercel / nCloud Server / netlify
- โ Github ์ํค ์ ๋ฆฌ โ ์์ , ํ์ฐ
- โ ๋ฆฌ๋๋ฏธ ๋ณด์ โ ์ฌ์ง์ด๋ ๊ฐ์ธ, ํ ์๊ธฐ์๊ฐ, ํ๋ก์ ํธ ์๊ฐ
- ์ฃผ์ : Docker๊ฐ ์ฐ๋ฆฌ ํ๋ก์ ํธ์ ํ์ํ ๊น?
-
์๊ฒฌ
- ์์ : ํ์ํ๋ค๋ฉด ๋์ ํ๋ ๊ฒ์ด ์ข์ ๊ฒ ๊ฐ์
- ์ ์: ๋ณต์กํ์ง ์๋ค๋ฉด ๋์ ์ ๊ธ์ ์
- ๋ฏธ๋ผ: ์ค๋ฒ์คํ์ผ ์ ์์ง๋ง, ์๋ํด๋ณผ ๊ฐ์น ์์
๊ฒฐ๋ก : nCloud DB๋ฅผ ์ฌ์ฉํ๊ณ , Server๋ ๋ฐ๋ก ์ธ์คํด์ค๋ฅผ ๋ง๋ค์ด์ ์ฌ์ฉํ๊ธฐ๋ก ๊ฒฐ์
- 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 ์ฃผ๊ฐ ํ๊ณ