์ธํ„ฐ๋ฏธ์…˜ KPT ํšŒ๊ณ 
728x90

ํ”„๋กœ์ ํŠธ ์ธํ„ฐ๋ฏธ์…˜์„ ๊ฐˆ๋ฌด๋ฆฌํ•˜๋ฉฐ

์ฒ˜์Œ ์ ‘ํ•˜๋Š” ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ๋ฐฐํฌ๊นŒ์ง€ ๋งˆ๋ฌด๋ฆฌํ•œ ์šฐ๋ฆฌ์˜ ํ”„๋กœ์ ํŠธ ์ธํ„ฐ๋ฏธ์…˜์ด ๋๋‚ฌ์Šต๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ ๊ฐ์ž ์ž‘์„ฑํ•ด ๋ณธ KPT ํšŒ๊ณ ์™€ ๋Š๋‚€ ์ ์„ ์ทจํ•ฉํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.

 

 

Keep

  • ์šฐ๋ฆฌ์˜ ํŒ€๋ช…์ฒ˜๋Ÿผ, ์„œ๋กœ๋ฅผ ๋ฐฐ๋ คํ•˜๋ฉฐ ๋ชจ๋“  ํŒ€์›์ด ๋‚™์˜ค ์—†์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•œ ์ 
  • ์ฝ”๋“œ ์ปจ๋ฒค์…˜ ์„ค์ •
  • ์Šฌ๋ž™, ๋ฐ ๋…ธ์…˜์„ ํ”„๋กœ์ ํŠธ ์ •๋ฆฌ์— ์ ๊ทน ํ™œ์šฉํ•˜์—ฌ ํ™œ๋ฐœํ•˜๊ฒŒ ์†Œํ†ตํ•˜๊ธฐ
  • ์ž˜ ํ•ด๊ฒฐ ์•ˆ ๋˜๋Š” ๋ถ€๋ถ„์„ ํŒ€์›๋ผ๋ฆฌ ์ ๊ทน์ ์œผ๋กœ ๊ณต์œ ํ•˜๊ธฐ

 

Problem

  • ๊นƒํ—ˆ๋ธŒ ์ถฉ๋Œ์ด ์žฆ์•„์„œ ์‹œ๊ฐ„์„ ๋งŽ์ด ๋บ๊ฒผ๋˜ ์ 
  • ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ผ์„œ ์ƒ๊ฐ์ง€๋„ ๋ชปํ•œ ์˜ค๋ฅ˜๋ฅผ ๋งŽ์ด ๋งˆ์ฃผ์นจ
  • UI ์ƒ‰์ƒ์ด ๊ตฌ์ฒด์ ์œผ๋กœ ์ •ํ•ด์ง€์ง€ ์•Š์•„ ์‹œ๊ฐ„์ด ์ถ”๊ฐ€์ ์œผ๋กœ ์†Œ๋ชจ๋œ ์ 
  • yarn ํŒจํ‚ค์ง€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ ์ค‘๊ฐ„์— npm์œผ๋กœ ๋ณ€๊ฒฝํ•œ ๋ถ€๋ถ„

 

 

Try

  • ์ œ๋•Œ Pull์„ ๋ฐ›์ž
  • ๋ธŒ๋žœ์น˜๋Š” PR ํ•œ ํ›„ ์ง€์šฐ๊ณ  ๋‹ค์‹œ ์ƒˆ๋กœ ๋งŒ๋“ค์ž
  • UI ๋””์ž์ธ ์ƒ‰์ƒ ๋ถ€๋ถ„์„ ์ฒ˜์Œ์— ์ž˜ ๋…ผ์˜ํ•˜์ž
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„์„ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•˜์ž!
  • ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ์—์„œ๋Š” npm์„ ์‚ฌ์šฉํ•˜์ž!..

 

 

Feel

์ด์œ ์ •

์ •๋ง ๋‹ค์–‘ํ•œ ๊นƒํ—ˆ๋ธŒ ์ถฉ๋Œ์„ ๋งŒ๋‚ฌ๊ณ , ๋ฆฌ๋ฒ„ํŠธ๋„ ํ•ด๋ณด๊ณ .. ์›น๊ณผ ๋‹ค๋ฅธ ํ™˜๊ฒฝ ๋•Œ๋ฌธ์— ์œ ๋… ํž˜๋“ค์—ˆ๋˜ ํ”„๋กœ์ ํŠธ์ง€๋งŒ ๋ฐฐํฌ๊นŒ์ง€ ์ž˜ ๋งˆ์น˜๊ฒŒ ๋˜์–ด์„œ ๋ฟŒ๋“ฏํ•ฉ๋‹ˆ๋‹ค!.. ํŒ€์›๋“ค ๋‹ค ๊ฐ™์ด ๊ธฐ๋Šฅ๊ณผ ์˜ค๋ฅ˜์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•ด ๋ณด๋Š” ๊ฒฝํ—˜์ด ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ๋‹ค๋“ค ๋„ˆ๋ฌด ๊ณ ์ƒํ•˜์…จ์Šต๋‹ˆ๋‹ค. ๐Ÿ™Œ

 

 

๊น€์Šน์šฐ

ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋งก์€ ๋น„์ค‘์„ ๋Š˜๋ ค๊ฐ€๊ณ  ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์— ๋งŒ์กฑํ•˜์ง€๋งŒ ์ฒ˜์Œ์— ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ์ฒ˜๋Ÿผ ์ €๋งŒ์˜ ๋ฐฉ์‹์œผ๋กœ ๋กœ์ง์„ ์งœ๋ดค๋˜ ์ผ์€ ์ ์—ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ํŠœํ„ฐ๋‹˜ ์ฝ”๋“œ๋ฅผ ๊ณ„์† ์ฐธ๊ณ ํ•˜๋ฉด์„œ react navigation์ด๋‚˜ useQuery์— ๋Œ€ํ•ด ์ž˜ ์•Œ์•„๋ณผ ์ˆ˜ ์žˆ๋˜ ์‹œ๊ฐ„์ด์—ˆ์Šต๋‹ˆ๋‹ค. ํŒ€์›๋“ค๋ผ๋ฆฌ ๊ฐ์ข… ์˜ค๋ฅ˜๋ฅผ ๊ณต์œ ํ•˜๋ฉด์„œ ๊ฐ„์ ‘์ ์œผ๋กœ๋„ ๋งŽ์€ ๊ฒฝํ—˜์„ ํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

 

๊น€๋ช…์ค€

๊ทธ๊ฐ„ ๋งŽ์€ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฑฐ์ณ์™”์ง€๋งŒ ํ”„๋กœ์ ํŠธ ๊ด€๋ จํ•ด์„œ ํŠœํ„ฐ๋‹˜๊ณผ ํŒ€์›๋“ค์—๊ฒŒ ๋‚ด๊ฐ€ ์–ด๋–ค ๋ถ€๋ถ„์ด ์–ด๋–ป๊ฒŒ ์•ˆ ๋˜๋Š”์ง€ ์ด๋Ÿฐ ๋ถ€๋ถ„๊ณผ ํŠœํ„ฐ๋‹˜๊ป˜์„œ ํ•˜์‹  ์ฝ”๋“œ๋ฅผ ์ฝ์„ ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค๋Š” ์ ์ด ๊ณ ๋ฌด์ ์ž…๋‹ˆ๋‹ค. ๋”... ๋…ธ๋ ฅํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์€ ๋ณ€ํ•จ์ด ์—†๊ธด ํ•ฉ๋‹ˆ๋‹ค.

 

 

๊น€์˜ˆ์Šฌ

๋งˆ์ดํŽ˜์ด์ง€์˜์—ญ์„ ์ฒ˜์Œ ๋งก์•˜๋Š”๋ฐ ํŒŒ์ด์–ด๋ฒ ์ด์Šค ํ•œ๋ฒˆ ๊ณต๋ถ€ํ•ด ๋ณด์ž!๋ผ๋Š” ๋งˆ์Œ์œผ๋กœ ํ–ˆ๋Š”๋ฐ, ์™€ ์ง„์งœ ์–ด๋ ค์› ๋‹ค...
AWS๋ž‘ ๋น„๊ตํ–ˆ์„ ๋•Œ ํŒŒ์ด์–ด๋ฒ ์ด์Šค๊ฐ€ ๋ช…์‹œ์ ์ด๋ผ๋Š” ์ ์€ ์ข‹์•˜๋Š”๋ฐ ํŒŒ์ด์–ด๋ฒ ์ด์Šค๋ž‘ ์—ฐ๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ œ์‹œํ•ด ์ฃผ๋Š” ๋ช…๋ น์–ด๋“ค์„ ๋ชจ๋ฅด๋ฉด ์ „ํ˜€ ํ•  ์ˆ˜ ์—†๊ธฐ๋„ ํ–ˆ๊ณ  ์œ„์น˜๋ฅผ ์•Œ์ง€ ๋ชปํ•˜๋Š” ํ•œ(db service, fire store ๋“ฑ๋“ฑ) ํŽธํ•˜๊ฒŒ ์“ฐ๋Š” ๊ฒŒ ์–ด๋ ค์› ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋˜ ๋ฌธ์ œ์ ์ด ์žˆ์—ˆ๋Š”๋ฐ ๋ฆฌ์•กํŠธ๋ฅผ ํ•˜๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์„ ํ•˜๋Š” ๊ฑฐ๋ผ์„œ ๊ทธ๋Ÿฐ์ง€ ๋ฆฌ์•กํŠธ์—์„œ ๋ฉ€์ฉกํ•˜๊ฒŒ ๋Œ์•„๊ฐ€๋Š” ๊ฒƒ๋“ค์ด ์•ฑ์œผ๋กœ ๋ฐฐํฌํ•˜๋ ค๋‹ˆ๊นŒ ๋ชจ๋“  ๋ถ€๋ถ„๋“ค์ด ํ‹€์–ด์ง€๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค๋Š” ์ ์ด์—ˆ๋‹คใ…œใ…œ

์šฐ๋ฆฌ ํŒ€์˜ ๊ฒฝ์šฐ null๊ณผ undefined๊ฐ€ ํ„ฐ์กŒ๋Š”๋ฐ, null์˜์—ญ์— ์žˆ๋Š” ๋ถ€๋ถ„๋“ค์€ alert์„ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ null๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ฒ˜๋ฆฌ๋ฅผ ํ–ˆ๋‹ค....
์†”์งํžˆ ์ด์ „์— ๋งค๋‹ˆ์ €๋‹˜์ด ์•Œ๋ ค์ฃผ์‹œ๊ณ  ๋ณด์—ฌ์ฃผ์‹  null๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž ์˜ˆ์‹œ๋ฅผ ๋ณด๊ณ  ๊ธฐ์ ˆ์ดˆํ’ํ–ˆ๋Š”๋ฐ ์‹ค์ „์œผ๋กœ ๋“ค์–ด๊ฐˆ ์ค„์€ ๋ชฐ๋ž๋‹ค...
์ง„์งœ ์•ˆ ์“ธ ์ค„ ์•Œ์•˜๋‹ค... ๊ทผ๋ฐ ์ •์‹  ์ฐจ๋ ค๋ณด๋‹ˆ๊นŒ ์ง€๊ธˆ ์šฐ๋ฆฌ ํŒ€์ด ์“ฐ๊ณ  ์žˆ๋Š” ๊ฒŒ null๋ณ‘ํ•ฉ ์—ฐ์‚ฐ ์ž๋ผ๋Š” ๊ฑธ ์•Œ์•˜๋‹ค...ใ… ใ… 

 

 

๋‚จ๋งˆ๋ฆฌ๋‚˜

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ์ œ์ผ ํ•จ์ˆ˜๋„ ๊ณ ๋ฏผํ•ด์„œ ์งœ๋ณด๊ณ  ์งˆ๋ฌธ๋„ ๋งŽ์ด ํ•œ ๊ฒƒ ๊ฐ™๋‹ค.
์ด์ „์—” ๋ฐฐ์šด ๊ฑธ ์จ๋จน๊ธฐ์— ๊ธ‰๊ธ‰ํ–ˆ์—ˆ๋Š”๋ฐ,
ux์  ๊ณ ๋ฏผ์„ ํ•˜๋ฉด์„œ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ๋…ธ๋ ฅ ๋งŽ์ด ํ•ด์„œ ์ข‹์•˜๋‹ค.
ํŒ€์žฅ๋‹˜์ด ์งˆ๋ฌธ ๋‹ต๋ณ€๋„ ์ž˜ํ•ด์ฃผ์‹œ๊ณ  ๋ฌธ์„œ ์ž‘์—…์„ ๋น ๋ฅด๊ฒŒ ์ž˜ํ•˜์‹œ๋Š” ๋ถ„์ด์…”์„œ ๋•์„ ๋งŽ์ด ๋ดค๋‹ค.
๋‹ค๋ฅธ ํŒ€์›๋ถ„๋“ค๋„ ์†Œํ†ต์ด ํ™œ๋ฐœํ•ด์„œ ์ •๋ณด ๊ณต์œ ์™€ ์˜๊ฒฌ ์ทจํ•ฉ์ด ๋น ๋ฅด๊ฒŒ ๋๋˜ ๊ฒƒ ๊ฐ™๋‹ค.
๋ฐฐ์šธ ์ ์ด ๋งŽ์€ ๋ถ„๋“ค ๋งŒ๋‚˜์„œ ํž˜๋“  ํ”„๋กœ์ ํŠธ๋„ ์ด๊ฒจ๋‚ธ ๊ฒƒ ๊ฐ™๋‹ค.

728x90