๐ก ์ ์ : ๊ฐ๋ฐ ๋ชฉํ
- ๊ฐ๋จํ ๋ช ์ธ ์ถ์ฒ ์น์ฑ ๋ง๋ค๊ธฐ (์ฌ์ฉ์ ์ ๋ ฅ โ API ์์ฒญ โ ๋ช ์ธ ์ถ๋ ฅ)
- ์ฌ์ฉ ๊ธฐ์ : React, TypeScript, Tailwind, Open API, Vercel
โ ๋ง์ผ์คํค ์ค์ฌ ํ๋ก์ ํธ ๊ณํ ์์
๐M1. ํ๋ก์ ํธ ์ธํ & ๊ธฐ๋ณธ UI ๊ตฌ์ฑ
๊ธฐ๊ฐ: 1์ฃผ์ฐจ
๋ชฉํ: ์ฌ์ฉ์ ์
๋ ฅ ๋ฐ๊ณ ๊ธฐ๋ณธ UI ๊ตฌ์ฑ ์๋ฃ
์์
(Task):
- Git ์ ์ฅ์ ์ธํ
- CRA/Next.js ์ด๊ธฐ ํ๋ก์ ํธ ์์ฑ
- ํฐํธ, ์ปฌ๋ฌ, ์คํ์ผ ๊ฐ์ด๋ ์ ์ฉ
- ์ ๋ ฅ์ฐฝ, ๋ฒํผ, ๋ ์ด์์ ๊ตฌ์ฑ
๐ฏ ๋ง์ผ์คํค ๋ฌ์ฑ ๊ธฐ์ค: โ์ ๋ ฅ์ฐฝ๊ณผ ๋ฒํผ์ด ์ ์์ ์ผ๋ก ๋ณด์ด๊ณ ๋์ํ๋คโ
๐M2. API ์ฐ๋ ๋ฐ ํต์ฌ ๊ธฐ๋ฅ ๊ตฌํ
๊ธฐ๊ฐ: 2์ฃผ์ฐจ
๋ชฉํ: ๋ช
์ธ ์ถ์ฒ ๊ธฐ๋ฅ์ด ๋์ํ๋ฉฐ ํ๋ฉด์ ์ ๋ํ๋จ
์์
(Task):
- API ์ฐ๋ ๋ก์ง ๊ตฌํ (fetch ๋๋ axios)
- ์๋ต ๋ฐ์ดํฐ ๊ตฌ์กฐ ํ์ ๋ฐ ํ์ ์ง์
- ๋ช ์ธ ์ถ๋ ฅ ์์ญ ๊ตฌ์ฑ
- ์์ธ ์ํฉ ์ฒ๋ฆฌ (์๋ฌ ๋ฉ์์ง ๋ฑ)
๐ฏ ๋ง์ผ์คํค ๋ฌ์ฑ ๊ธฐ์ค: โ์ ๋ ฅ ํ ๋ช ์ธ์ด ์ ์ ์ถ๋ ฅ๋จโ
๐M3. ์ฌ์ฉ์ ๊ฒฝํ ๊ฐ์ & ๋ฐฐํฌ
๊ธฐ๊ฐ: 3์ฃผ์ฐจ
๋ชฉํ: ์ฑ์ ์ธ๋ถ ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ค ์ ์๋ ์์ค์ผ๋ก ๊ฐ์
์์
(Task):
- ๋ก๋ฉ ์ฒ๋ฆฌ, ์ฌ์ฉ์ ํผ๋๋ฐฑ ๋ฉ์์ง ์ถ๊ฐ
- ๋ฐ์ํ ์คํ์ผ๋ง ์ ์ฉ
- favicon, meta tag ๋ฑ ๊ธฐ๋ณธ ์ค์
- Vercel๋ก ๋ฐฐํฌ
๐ฏ ๋ง์ผ์คํค ๋ฌ์ฑ ๊ธฐ์ค: โ๊ธฐ๋ฅ ์์ฑ + UX ๊ฐ์ + ์ค์ ์ฃผ์๋ก ๋ฐฐํฌ๋จโ
๐ฌ ์ถ๊ฐ ๋ง์ผ์คํค ์์ (์๊ฐ ์ฌ์ ์์ ๋)
๐M4. ๊ธฐ๋ฅ ๊ณ ๋ํ
- ๋ช ์ธ ์ฆ๊ฒจ์ฐพ๊ธฐ
- ํ ๋ง ์ ํ
- ๊ฐ๋จํ ์ ๋๋ฉ์ด์ ํจ๊ณผ ์ถ๊ฐ
๐M5. ์ฌ์ฉ์ ํผ๋๋ฐฑ ์์ง ๋ฐ ์์
- ์น๊ตฌ/๋ฉํ ์๊ฒ ํผ๋๋ฐฑ ๋ฐ๊ธฐ
- ํผ๋๋ฐฑ ๊ธฐ๋ฐ ๊ฐ์ ์ฌํญ ์ ์ฉ
๐ ๋ง์ผ์คํค ๊ด๋ฆฌ ํ
- Notion, Trello, GitHub Projects ๊ฐ์ ํด๋ก ๋ง์ผ์คํค ๋ฑ๋ก ๊ฐ๋ฅ
- ๊ฐ ๋ง์ผ์คํค์๋ ์ด์/ํ์คํฌ(Task)๋ฅผ ์ฐ๊ฒฐํด์ ๊ด๋ฆฌ
- ๋ง์ผ์คํค๋ง๋ค โ์๋ฃ ๊ธฐ์คโ์ ๋ช ํํ๊ฒ ์ ์ํ๋ ๊ฒ ํต์ฌ
์ด๋ฐ ์์ผ๋ก ํ๋ฉด ์ผ์ ๋ณด๋จ ์ ์ฐํ๊ฒ, ์ฑ๊ณผ ๋จ์๋ก ๊ด๋ฆฌํ ์ ์์ด์
ํ๋ก์ ํธ๊ฐ ๋ฐ๋ ค๋ ๋ฐฉํฅ ์์ง ์๊ณ ๊พธ์คํ ๋์๊ฐ ์ ์์ด.
๐๐๐
๊ทธ๋ฐ๋ฐ ์ฑ๊ณผ๊ธฐ์ค์ผ๋ก ๋ง์ผ์คํค์ ์์ฑํ๋๋ผ๋ ๊ฒฐ๊ตญ ํด๋น ๋ง์ผ์คํค์ ๊ธฐ๊ฐ์ด ์๋๋ฐ ์ผ์ ์ ์ค์ ํ๋๊ฒ๊ณผ ๋ณ ์ฐจ์ด ์๋๊ฑฐ ์๋๊ฐ?
์ฌ์ค โ๋ฌ๋ ฅ ์ค์ฌ ์ผ์ โ vs โ์ฑ๊ณผ ์ค์ฌ ์ผ์ โ์ ์์ ์ฐจ์ด์ธ๋ฐ,
๋์ **์์ ํ ๋ค๋ฅธ ๊ฒ ์๋๋ผ, โ์ด๋์ ๋ ์ค์ฌ์ ๋๋๋โ**์ ๋ฌธ์ ์ผ.
โ
๋ง์ผ์คํค๋ ์ผ์ ์ด ์๋ค.
โ
ํ์ง๋ง ๋จ์ํ ๋ ์ง๋ฅผ ๋์ดํ ์ผ์ ํ์๋ ๋ชฉ์ ๊ณผ ์ฐ์์๊ฐ ๋ค๋ฅด๋ค.
โ
โ๋ฌด์์ด ๋๋์ผ ํ๋๊ฐโ์ ์ด์ ์ ๋๋ ๊ฒ ํต์ฌ ์ฐจ์ด์ ์ด๋ค.
๐ ์ผ์ vs ๋ง์ผ์คํค ํต์ฌ ์ฐจ์ด ๋น๊ต
ํญ๋ชฉ | ์ผ์ ์ค์ฌ ์ ๊ทผ | ๋ง์ผ์คํค ์ค์ฌ ์ ๊ทผ |
๊ธฐ์ค | ๋ ์ง, ๊ธฐ๊ฐ | ์ฑ๊ณผ (๋ฌด์์ ์์ฑํ๋๊ฐ) |
์ฃผ๋ ์ง๋ฌธ | โ์ค๋ ๋ญ ํด์ผ ํ์ง?โ | โ์ด๋ฒ ์ฃผ์ ๋ญ ๋๋ด์ผ ํ์ง?โ |
๋ณ๊ฒฝ ์ ์ํฅ | ํ๋ ๋ฐ๋ฆฌ๋ฉด ์ ์ฒด ๊ณํ ์ฐจ์ง | ์ผ๋ถ ์์ ๋ฐ๋ ค๋ ์กฐ์ ๊ฐ๋ฅ |
๋ฆฌ์คํฌ ๋์ | ์ผ์ ์งํค๋ ๊ฒ ์ต์ฐ์ | ๊ฒฐ๊ณผ๋ฌผ์ ๋ง์ถฐ ์ ์ฐํ๊ฒ ์กฐ์ |
์ถ์ฒ ์ํฉ | ๋ฃจํด ๋ฐ๋ณต ์์ , ์ ํด์ง ์ค์ผ์ค | ์ฐฝ์/๊ฐ๋ฐ/์ฐ๊ตฌ ๋ฑ ์์ธก ์ด๋ ค์ด ์์ |
๐ ๊ทธ๋์ ์ค์ ๋ก๋ ์ด๋ ๊ฒ ์จ:
โ [์ผ์ ์ค์ฌ]
- 4์ 11์ผ: ๋ฒํผ UI ์์
- 4์ 12์ผ: API ์ฐ๋
- 4์ 13์ผ: ์๋ฌ ์ฒ๋ฆฌ
โ [์ฑ๊ณผ ์ค์ฌ ๋ง์ผ์คํค + ์ผ์ ์์]
- [M2: ํต์ฌ ๊ธฐ๋ฅ ๊ตฌํ (4์ 11~13์ผ)]
- ์ฑ๊ณผ ๊ธฐ์ค: ์ ๋ ฅ ํ ๋ช ์ธ์ด API ํตํด ์ถ๋ ฅ๋๋ฉด ์๋ฃ
- ํฌํจ ์์ : ๋ฒํผ UI + API ์ฐ๋ + ์๋ฌ ์ฒ๋ฆฌ
๐ ์ฆ, ์ผ์ ์ ์๋ ์์ ์ ๋ฌถ๋ ๋จ์์ ๊ธฐ์ค์ด ๋ค๋ฅผ ๋ฟ์ด์ผ.