-
Notifications
You must be signed in to change notification settings - Fork 7
๐ 10.24 ์ค๋ชฐํก & ๋ธ๋ ์ธ์คํ ๋ฐ
Sujong Kwak edited this page Nov 4, 2024
·
2 revisions
๊ธฐ์ ๊ฒฝํ ๊ณต์
J014 | J161 | J220 | J256 | J169 | |
---|---|---|---|---|---|
์ธ์ด | JS, TS | JS, TS | JS, TS | JS, TS | JS, TS |
๋ผ์ด๋ธ๋ฌ๋ฆฌ | React, React Native, Next.js | React | React, Next.js, Express, Vite | React | React, Next.js |
CSS | Emotion, Styled-Components, Tailwind, Vanilla Extract | Tailwind, Styled-Components | Emotion, CSS Modules | Tailwind, Sass, Styled-Components, CSS Modules | Tailwind, ShadCN/UI, Styled-Components, Framer |
ํด๋ผ์ด์ธํธ ์ํ ๊ด๋ฆฌ | Zustand, Redux | Recoil, Zustand | UseReducer, UseContext | Zustand, Recoil | TanStack Query, Zustand, Redux Toolkit |
๊ธฐํ | TanStack Query, Framer Motion, Yorkie, Storybook | TanStack Query | Figma, GA4 | Figma | - |
-
์์
- CRDT (Conflict-free Replicated Data Types) ์ง์ ๊ตฌํํ๊ธฐ (์ฐธ๊ณ : Yorkie)
-
typedoc
์ฌ์ฉ (์ฐธ๊ณ : GitHub Action)
-
์ ์
- ๋์์ธ ์์คํ ๊ตฌ์ถ (ํผ๊ทธ๋ง๋ก ์ ์, ์ฐธ๊ณ : ํํฐ๋ ์คํธ, AI ํ์ฉ)
-
๋ค์
- ์์ฑ๋ ํํ์ ํ๋ก์ ํธ ๋ฐํ, ์๋น์ค๋ก์ ์๋ฏธ ์๋ ๊ธฐ๋ฅ ์ ์
-
๋ฏธ๋ผ
- ์์ฐ ์ ์์ ์ฑ ๋ฐ ์์ ๊ฐ ํ๋ณด ๊ฐ๋ฅํ ์ ๋
- Three.js ์ฌ์ฉํด๋ณด๊ธฐ
-
ํ์ฐ
- Headless UI ์ ์ฉ + ๋ฆฌํฉํ ๋ง, ์คํ ๋ฆฌ๋ถ ํ์ฉ
- ์ฝ๋ ์์ฑ ์ด์ ๋ช ํํ ์ ์ํ๊ธฐ
- GitHub Project๋ก ์ผ์ ๊ณต์ ๋ฐ ๊ด๋ฆฌ, Scrum Time ํ์ฉ
- ์ ์ ๋๊ตฌ ๋๋ฉ์ธ์์ ์ฃผ์ ์ ํ
-
์ฃผ์ ์์ด๋์ด:
- ์ ์: ํ์ต์ฉ ์๋น์ค (์: ๊น or CSS ์ฐ์ต)
- ๋ฏธ๋ผ: ๊ณํ ๊ด๋ฆฌ ๋๊ตฌ (or UML ๋ง๋ค๊ธฐ)
- ํ์ฐ: ๋ค์ค ์ฐธ์ฌํ ๊ฒ์ (์: ์บ์น๋ง์ธ๋)
- ์์ : ๋ค์ค ์ฐธ์ฌํ ๊ฒ์ (์: ์บ์น๋ง์ธ๋) or ๊ฐ๊ตฌ ๋ฐฐ์น ๋๊ตฌ (์: ์ค๋์ ์ง)
- ๋ค์: ์ฑ ๊ณต๋ ํธ์ง ํด (๊ทธ๋ฆผ ๊ธฐ๋ฅ ํฌํจ)
-
์คํ๋ผ์ธ ์ฃผ๊ธฐ
- 1์ฃผ์ฐจ๋ ๊ธฐํ ์ฃผ๊ฐ์ด๊ธฐ ๋๋ฌธ์ ์~๋ชฉ ๊ฐ๋จ์์ ๋ง๋์.
- 2-6์ฃผ์ฐจ๋ ์ฃผ 2-3ํ ๋ง๋์.
-
์คํ๋ผ์ธ ์ฅ์
- 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 ์ฃผ๊ฐ ํ๊ณ