Planning Phase
Context
Context-driven development์ 1๋จ๊ณ: ๊ตฌํ ์ ํ์ํ ์ ๋ณด ์์ง ๋ฐ ๊ฒ์ฆ
์ ์ฉ ์กฐ๊ฑด: 004-she-context-driven-development์ Phase 1 ์ํ์ผ ๋
ํต์ฌ ์์น
Context ์ฐ์ ์์ (Top-down ๋ฐฉ์)
ํฐ ๊ทธ๋ฆผ์์ ์ธ๋ถ ์ฌํญ์ผ๋ก ์งํ
ํ์ (Must): ์๊ตฌ์ฌํญ, ํ์ด์ง/์ปดํฌ๋ํธ ๋งคํ, ๋ฐ์ดํฐ ๊ตฌ์กฐ
์ค์ (Should): ์ํ ๊ด๋ฆฌ, ๋์ ํ๋ก์ธ์ค
์ ํ (Could): UI ์ธ๋ถ์ฌํญ, ์ต์ ํ
Context ์์ง ์ฒดํฌ๋ฆฌ์คํธ
1. ์๊ตฌ์ฌํญ ๊ฒํ
[ ] ์์ ์ ํ ํ์ (Bugfix / Feature / Enhancement)
[ ] ๋๋ฉ์ธ ์ง์ ๋ฐ ๋น์ฆ๋์ค ๋ก์ง ์ดํด
[ ] ์ํฅ๋ ๋ฐ ์ฐ์ ์์ ํ์
[ ] ๊ธฐ์ ์ /๋น๊ธฐ๋ฅ์ ์๊ตฌ์ฌํญ ํ์ธ
[ ] ์ฐธ๊ณ ํ๋ฉด ์ข์ Page/Component ์์ฒญ (์๊ตฌ์ฌํญ๊ณผ ์ ์ฌํ ๊ธฐ๋ฅ ํน์ ํ๋ก์ธ์ค๊ฐ ์์ ๊ฒฝ์ฐ)
2. Page & Component ๋งคํ
[ ] ์ํฅ๋ฐ๋ URL/Route ํ์ธ (Next.js์ ๊ฒฝ์ฐ Url์ ๋ณด๊ณ Page๋ฅผ ์ฐพ์ ์ ์์, ์์ ๊ฒฝ์ฐ component ํ์ธ ์์ฒญ)
[ ] ๊ด๋ จ Component ๊ณ์ธต ๊ตฌ์กฐ ํ์
[ ] Component ๊ฐ ์์กด์ฑ ๋ถ์
[ ] ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ Component ํ์ธ
[ ] ์ค์ ๊ฐ์ ํ์ํ Component ํ์ธ
3. ์ํ ๊ด๋ฆฌ ๋ถ์
[ ] Local State (useState) ํ์
[ ] Global State (Store) ์ฐ๊ฒฐ ํ์ธ
[ ] Server State (API ์ํ) ํ์ธ
[ ] State ๋ณ๊ฒฝ์ ๋ฐ๋ฅธ Side Effect ํ์
4. ๋์ ํ๋ก์ธ์ค ๊ตฌ์ฒดํ
[ ] User Interaction Flow ์ ์
[ ] Event Handler ์ํธ์ค ์ ๋ฆฌ
[ ] API ํธ์ถ ์์ ๋ฐ ์กฐ๊ฑด ํ์ธ
[ ] Error/Loading ์ํ ์ฒ๋ฆฌ ๊ณํ
5. ๋ฐ์ดํฐ ๊ตฌ์กฐ ํ์ธ
[ ] Request/Response Schema ํ์ธ
[ ] Data Type ๋ฐ Interface ์ ์ ํ์์ฌํญ
[ ] Validation Rule ํ์ธ
[ ] ํ์ค ํ์ ์กด์ฌ ์ฌ๋ถ ํ์ธ
๊ตฌํ ์ค๋น ์๋ฃ ๊ธฐ์ค
Context๊ฐ ์๋ฃ๋์ง ์์ผ๋ฉด ๊ณ์ ์งํ
์งํ ๊ฐ๋ฅ
ํ์ ํญ๋ชฉ(1,2,5) 100% ์๋ฃ
์ค์ ํญ๋ชฉ (3,4) 80% ์ด์ ์๋ฃ
๋ชจ๋ Edge Case ์๋ณ ์๋ฃ
๋ช ํํ ๊ตฌํ ๊ณํ ์๋ฆฝ
๋ ์กฐ์ฌ ํ์
ํ์ ํญ๋ชฉ ๋ฏธ์๋ฃ
ํต์ฌ ๋ก์ง ๋ถ๋ช ํ
๊ธฐ์ ์ ์์กด์ฑ ๋ฏธํ์
์ฌ์ฉ์ ์๊ตฌ์ฌํญ ๋ชจํธ
๋ค์ ๋จ๊ณ ์งํ ์กฐ๊ฑด
Planning ๋จ๊ณ ์๋ฃ ํ
โ ๊ตฌํ ๊ฐ๋ฅ ์ํ โ ๋ช ์์ ํธ๋ฆฌ๊ฑฐ โ 004 ์ค์ผ์คํธ๋ ์ด์ ์ด 1002-she-context-act.mdc ํธ์ถ
โ ๋ ์กฐ์ฌ ํ์ โ ๋ถ์กฑํ Context ์ถ๊ฐ ์์ง ํ ์ฌํ๊ฐ
Planning ํต์ฌ ์์น
๋ชฉ์ : ์ ์ฒด ๊ทธ๋ฆผ ์ดํด โ ์ธ๋ถ์ฌํญ ํ์
์ฐ์ถ๋ฌผ: ๋ช ํํ ๊ตฌํ ๊ณํ
์ฒดํฌํฌ์ธํธ: ๋ชจ๋ Edge Case ์๋ณ
Plan ๋จ๊ณ๋ ๊ธฐํ ๋จ๊ณ๋ก์ ๊ฐ๋ฐ์์๊ฒ ์์ฒญํ๋ ๊ฐ๋ฐ์์ฒญ์๋ฅผ ์์ธํ๊ฒ ์ฐ๋ ๋จ๊ณ๋ค.
Last updated