๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

[ํ”„๋กœ์ ํŠธ ๊ณ„ํš ๊ด€๋ฆฌ] ์ผ์ • vs ๋งˆ์ผ์Šคํ†ค

 

๐Ÿ’ก ์ „์ œ: ๊ฐœ๋ฐœ ๋ชฉํ‘œ

  • ๊ฐ„๋‹จํ•œ ๋ช…์–ธ ์ถ”์ฒœ ์›น์•ฑ ๋งŒ๋“ค๊ธฐ (์‚ฌ์šฉ์ž ์ž…๋ ฅ โ†’ 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 ์—ฐ๋™ + ์—๋Ÿฌ ์ฒ˜๋ฆฌ

๐Ÿ‘‰ ์ฆ‰, ์ผ์ •์€ ์žˆ๋˜ ์ž‘์—…์„ ๋ฌถ๋Š” ๋‹จ์œ„์™€ ๊ธฐ์ค€์ด ๋‹ค๋ฅผ ๋ฟ์ด์•ผ.