Skip to content
mkang edited this page May 10, 2025 · 3 revisions

ํŽ˜์ด์ง€๋Š” Dale UI ํŒ€์ด 2025๋…„ ๋‚ด์— ์ง‘์ค‘ํ•  North Star ๋ชฉํ‘œ์™€ ์ด์— ๋”ฐ๋ฅธ ์„ฑ๊ณต ์ง€ํ‘œ๋ฅผ ์ •์˜ํ•œ ๋ฌธ์„œ์ž…๋‹ˆ๋‹ค. ํ•ด๋‹น ๋‚ด์šฉ์€ 2025๋…„ 4์›”์— ์ง„ํ–‰๋œ ๋น„์ „ยท๋ฏธ์…˜ ์›Œํฌ์ˆ์˜ ๋…ผ์˜ ๊ฒฐ๊ณผ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์œผ๋ฉฐ, ์ถ”ํ›„ ์ˆ˜์ •๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

1๋…„ ๋‚ด ๋ชฉํ‘œ (Goals for Next 1 Year)

1. ํ•œ๊ตญ์–ด ์ตœ์ ํ™” (Korean-First Approach)

  • ํ•œ๊ธ€ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์‹œ์Šคํ…œ ์™„์„ฑ
  • ํ•œ๊ตญ์–ด UI ํŒจํ„ด์— ์ตœ์ ํ™”๋œ ์ปดํฌ๋„ŒํŠธ 20์ข… ์ด์ƒ ๊ฐœ๋ฐœ
  • ํ•œ์˜ ์ „ํ™˜ ์‹œ ๋ ˆ์ด์•„์›ƒ ์•ˆ์ •์„ฑ ํ™•๋ณด

2. ๋””์ž์ธ-๊ฐœ๋ฐœ ํ˜‘์—… ํšจ์œจํ™” (Bridge the Gap)

  • Figma ์ปดํฌ๋„ŒํŠธ์™€ ์ฝ”๋“œ ์ปดํฌ๋„ŒํŠธ ๊ฐ„ 1:1 ๋งคํ•‘ ์‹œ์Šคํ…œ ๊ตฌ์ถ•
  • ํ•ธ๋“œ์˜คํ”„ ์›Œํฌํ”Œ๋กœ์šฐ ๋ฌธ์„œํ™” ๋ฐ ํŠœํ† ๋ฆฌ์–ผ ๊ฐœ๋ฐœ
  • ๊ณตํ†ต ์šฉ์–ด์ง‘ ๋ฐ ๋„ค์ด๋ฐ ์ฒด๊ณ„ ์ˆ˜๋ฆฝ

3. ์ ‘๊ทผ์„ฑ ํ‘œ์ค€ ๋‚ด์žฌํ™” (Accessibility by Default)

  • WCAG 2.1 AA ์ˆ˜์ค€ ์ค€์ˆ˜ ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์™„์„ฑ
  • ์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ ์ž๋™ํ™” ์‹œ์Šคํ…œ ๊ตฌ์ถ•
  • ์ ‘๊ทผ์„ฑ ๊ฐ€์ด๋“œ๋ผ์ธ ๋ฐ ๋ชจ๋ฒ” ์‚ฌ๋ก€ ๋ฌธ์„œํ™”

4. ์‚ฌ์šฉ ํŽธ์˜์„ฑ ๊ทน๋Œ€ํ™” (Developer & Designer Experience)

  • ์ง๊ด€์ ์ธ API ์„ค๊ณ„ ๋ฐ TypeScript ํƒ€์ž… ์•ˆ์ „์„ฑ ํ™•๋ณด
  • ์‰ฌ์šด ์„ค์น˜ ๋ฐ ์ ์šฉ ํ”„๋กœ์„ธ์Šค ๊ฐœ๋ฐœ
  • ์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ ๋‹จ๊ณ„๋ณ„ ํŠœํ† ๋ฆฌ์–ผ ์‹œ๋ฆฌ์ฆˆ ์ œ์ž‘

5. ์ง€์† ๊ฐ€๋Šฅํ•œ ํ’ˆ์งˆ ๊ด€๋ฆฌ (Sustainable Quality)

  • ํ…Œ์ŠคํŠธ ์ž๋™ํ™” ๋ฐ CI/CD ํŒŒ์ดํ”„๋ผ์ธ ๊ตฌ์ถ•
  • ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ ๋ฒˆ๋“ค ํฌ๊ธฐ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๋„์ž…
  • ๊ธฐ์ˆ  ๋ถ€์ฑ„ ๊ด€๋ฆฌ ํ”„๋กœ์„ธ์Šค ์ˆ˜๋ฆฝ

6. ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ๋ฐ˜ ๋ฐœ์ „ (Community-Driven Growth)

  • ์™ธ๋ถ€ ๊ธฐ์—ฌ์ž๋ฅผ ์œ„ํ•œ ๊ฐ€์ด๋“œ๋ผ์ธ ๋ฐ ์ง„์ž… ๊ฒฝ๋กœ ์ˆ˜๋ฆฝ
  • ์ •๊ธฐ์ ์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”ผ๋“œ๋ฐฑ ์„ธ์…˜ ์šด์˜
  • ์˜คํ”ˆ์†Œ์Šค ๊ธฐ์—ฌ์ž ์ธ์ • ๋ฐ ๋ณด์ƒ ์ฒด๊ณ„ ๊ฐœ๋ฐœ

7. ์ฝ”์–ด ํŒ€ ๋ฌธํ™” (Core Team Culture)

  • ๊ฑด๊ฐ•ํ•œ ์˜์‚ฌ๊ฒฐ์ • ๋ฐ ํ”ผ๋“œ๋ฐฑ ํ”„๋กœ์„ธ์Šค ํ™•๋ฆฝ
  • ์ง€์† ๊ฐ€๋Šฅํ•œ ๊ธฐ์—ฌ ๋ชจ๋ธ ๋ฐ ์›Œํฌํ”Œ๋กœ์šฐ ๊ฐœ๋ฐœ
  • ํŒ€ ๋‚ด ์ง€์‹ ๊ณต์œ  ๋ฐ ์„ฑ์žฅ ์ง€์› ์ฒด๊ณ„ ๊ตฌ์ถ•

์„ฑ๊ณต ์ง€ํ‘œ (Success Metrics)

1. ์‹ค์ œ ๋„์ž… ๋ฐ ์‚ฌ์šฉ ์ง€ํ‘œ

ํ”„๋กœ๋•ํŠธ/์„œ๋น„์Šค ๋„์ž… ์‚ฌ๋ก€: 20๊ฐœ ์ด์ƒ์˜ ์‹ค์ œ ์ƒ์šฉ ์ œํ’ˆ npm ํŒจํ‚ค์ง€ ๋‹ค์šด๋กœ๋“œ: ์›” 10,000ํšŒ ์ด์ƒ ํ”ผ๊ทธ๋งˆ UI Kit ๋‹ค์šด๋กœ๋“œ: 5,000ํšŒ ์ด์ƒ GitHub ์Šคํƒ€: 1,000๊ฐœ ์ด์ƒ

2. ํŒ€ ์›Œํฌํ”Œ๋กœ์šฐ ๋ฐ ํšจ์œจ์„ฑ ํ–ฅ์ƒ

๋””์ž์ธ-๊ฐœ๋ฐœ ๊ฐ„ ์†Œํ†ต ์‹œ๊ฐ„ ๊ฐ์†Œ: ์‚ฌ์šฉ์ž ๋ณด๊ณ  ๊ธฐ์ค€ 30% ์ด์ƒ UI ๊ตฌํ˜„ ๋ถˆ์ผ์น˜ ๊ฐ์†Œ: ์‚ฌ์šฉ์ž ๋ณด๊ณ  ๊ธฐ์ค€ 50% ์ด์ƒ ๊ฐœ๋ฐœ ์†๋„ ํ–ฅ์ƒ: ์œ ์‚ฌ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ์‹œ๊ฐ„ 20% ๋‹จ์ถ•

3. ์ปค๋ฎค๋‹ˆํ‹ฐ ์ฐธ์—ฌ ๋ฐ ๊ธฐ์—ฌ

GitHub PR: ์™ธ๋ถ€ ๊ธฐ์—ฌ PR 100๊ฐœ ์ด์ƒ ๋””์ž์ด๋„ˆ ๊ธฐ์—ฌ ๋น„์œจ: ์ „์ฒด ๊ธฐ์—ฌ์˜ 30% ์ด์ƒ ์™ธ๋ถ€ ์–ธ๊ธ‰: ๋ธ”๋กœ๊ทธ, ์œ ํŠœ๋ธŒ, ์ปจํผ๋Ÿฐ์Šค ๋“ฑ 50ํšŒ ์ด์ƒ

4. ์‚ฌ์šฉ์ž ๋งŒ์กฑ๋„ ๋ฐ ๊ต์œก ํšจ๊ณผ

์‚ฌ์šฉ์ž ๋งŒ์กฑ๋„: NPS 50 ์ด์ƒ "๋””์ž์ธ ์‹œ์Šคํ…œ์ด ๋” ์นœ์ˆ™ํ•ด์กŒ๋‹ค" ํ”ผ๋“œ๋ฐฑ: ์‚ฌ์šฉ์ž์˜ 70% ์ด์ƒ ๋ฌธ์„œํ™” ํ’ˆ์งˆ ๋งŒ์กฑ๋„: ์‚ฌ์šฉ์ž์˜ 80% ์ด์ƒ

5. ์ ‘๊ทผ์„ฑ ๋ฐ ํ’ˆ์งˆ ์ง€ํ‘œ

WCAG ์ค€์ˆ˜์œจ: AA ์ˆ˜์ค€ 100% ๋‹ฌ์„ฑ ๊ฐœ๋ฐœ์ž ์˜ค๋ฅ˜ ๊ฐ์†Œ: ์‚ฌ์šฉ์ž ๋ณด๊ณ  ๊ธฐ์ค€ 40% ์ด์ƒ ๋””์ž์ธ-์ฝ”๋“œ ์ผ์น˜๋„: 95% ์ด์ƒ

Clone this wiki locally