Where2Go (์–ด๋””๊ฐ€์ง€๐Ÿ†) ํ”„๋กœ์ ํŠธ KPT ํšŒ๊ณ 

์†”ยท2024๋…„ 1์›” 3์ผ
0

TIL series

๋ชฉ๋ก ๋ณด๊ธฐ
18/28

KPT ํšŒ๊ณ 

Keep - ํ˜„์žฌ ๋งŒ์กฑํ•˜๊ณ  ์žˆ๋Š” ๋ถ€๋ถ„

  • ๋„โญโญ

    • ํŒ€ ๋ถ„์œ„๊ฐ€ ๋„ˆ๋ฌด ์ข‹์•˜๋‹ค
    • ๋ชจ๋ฅด๋Š” ๊ฒƒ์ด ์žˆ์„ ๋•Œ ๊ฐ™์ด ๊ณ ๋ฏผํ•ด์ฃผ๊ณ  ๋‹ต์„ ์ฐพ๋Š” ๊ณผ์ •์ด ์ข‹์•˜๋‹ค
    • ๊นƒํ—™ ๋ฃฐ์ด ์ž˜ ์ง€์ผœ์กŒ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค
  • ๋งˆโญโญ

    • ์ดˆ๊ธฐ ํ”„๋กœ์ ํŠธ ์„ธํŒ… : ํ”„๋กœ์ ํŠธ ์ดˆ๊ธฐ ์„ค์ •์„ ํƒ„ํƒ„ํ•˜๊ฒŒ ํ•ด์„œ ํŽธํ–ˆ๋‹ค
    • ํŒ€์›๊ฐ„์˜ ํ™œ๋ฐœํ•œ ์˜์‚ฌ์†Œํ†ต : ์˜๊ฒฌ ๊ณต์œ ์™€ ํ”ผ๋“œ๋ฐฑ์„ ํ†ตํ•œ ํ”„๋กœ์ ํŠธ ํ€„๋ฆฌํ‹ฐ ํ–ฅ์ƒ
    • git ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜ : ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜์— ๋”ฐ๋ผ git์„ ๊ด€๋ฆฌํ•œ ๋ถ€๋ถ„
  • ํ•œโญโญ

    • ๊ฐ์ž ๋งก์€ ์—ญํ• ์„ ๋ชจ๋‘ ์„ฑ์‹คํ•˜๊ฒŒ ์ˆ˜ํ–‰ํ–ˆ๋‹ค
    • tailwind, nextjs, ts, supabase ๋“ฑ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์— ๋„์ „ํ•˜์—ฌ ํฌ๊ธฐํ•˜์ง€ ์•Š๊ณ  ๋๊นŒ์ง€ ์™„์„ฑํ•ด๋ƒˆ๋‹ค!
    • nextjs์˜ ์žฅ์ ์„ ์‹ญ๋ถ„ ํ™œ์šฉํ•˜์—ฌ SSR๋กœ ๊ตฌํ˜„ํ•˜๋ ค๊ณ  ์‹œ๋„ํ•œ ์ ์ด ์ข‹์•˜๋‹ค.
  • ๋ฏผโญโญ

    • github issue๋กœ ์ง„ํ–‰์ƒํ™ฉ ๊ด€๋ฆฌ : ๊ตฌ๋‘๋กœ ์ง„ํ–‰์ƒํ™ฉ ๊ณต์œ ํ•˜๋Š” ๊ฒƒ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ฌธ์„œํ™” ๋˜์–ด์žˆ์–ด์„œ ์ข‹์Œ
    • ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜

Problem - ๋ถˆํŽธํ•˜๊ฒŒ ๋Š๋ผ๋Š” ๋ถ€๋ถ„

  • ๋„โญโญ
    • Next.js์— ์ ์‘ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ๊ฑธ๋ ค ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š”๋ฐ ํž˜๋“  ์ ์ด ๋งŽ์•˜๋‹ค.
    • Next.js๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ page.tsx์— ๋ชฐ์•„์„œ ์ž‘์„ฑํ•˜๋‹ค๋ณด๋‹ˆ ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์กŒ๋‹ค.
  • ๋งˆโญโญ
    • ์ดˆ๊ธฐ ํ”„๋กœ์ ํŠธ ๊ธฐํš : ์ดˆ๊ธฐ์— ํ”„๋กœ์ ํŠธ๋ฅผ ๋„ˆ๋ฌด ์žฅํ™ฉํ•˜๊ฒŒ ์žก์€ ๊ฒƒ ๊ฐ™๋‹ค.
    • ์‹œ๊ฐ„ : ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ๊ธฐ๊ฐ„์ด ์ข€ ์งง์•˜๋˜ ๊ฒƒ ๊ฐ™๋‹ค.
  • ํ•œโญโญ
    • ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์—ฌ๋Ÿฌ๊ฐœ์˜ ์ฟผ๋ฆฌํ‚ค๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜์ง€ ๋ชปํ•จ
    • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋ฏธ์ˆ™ํ•˜์—ฌ ์ฝ”๋“œ ์ดํ•ด๋ณด๋‹ค ๋Œ์•„๊ฐ€๊ฒŒ ํ•˜๋Š” ๋ฐ ์ค‘์ ์„ ๋‘” ๊ฒƒ์ด ์•„์‰ฌ์›€
  • ๋ฏผโญโญ
    • pull request ๋ฆฌ๋ทฐ ๐ŸŒŸ
    • merge๋๋‚œ ๋ธŒ๋žœ์น˜ ์‚ญ์ œํ•˜๊ธฐ
    • ์ฒ˜์Œ ์“ฐ๋Š” ๊ธฐ์ˆ ์Šคํƒ,, ์‰ฝ์ง€ ์•Š์•„์—ฌ,,(์ต์ˆ™ํ•ด์ง€์ž!!)

Try - Problem์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…, ๋‹น์žฅ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ๊ฒƒ

  • ์‹œ๊ฐ„์—ฌํ–‰์„ ๋‘๋ ค์›Œํ•˜์ง€ ๋ง๊ณ  ๋ณ‘ํ•ฉํ•œ ๋ธŒ๋žœ์น˜๋Š” ๊ฐ€์ฐจ์—†์ด ์‚ญ์ œํ•˜์ž
  • ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•  ๋Œ€ ๋ชจ๋“  ๋กœ๋”ฉ์— ๋Œ€ํ•ด spinner, ์Šค์ผˆ๋ ˆํ†ค ๋“ฑ์˜ ์ ์šฉ์„ ๊ณ ๋ คํ•˜์ž loading.ts
  • next js์˜ SSR, SSG๊ฐœ๋… ์ดํ•ดํ•˜๊ณ  ํ”„๋กœ์ ํŠธ์— ์ž˜ ํ™œ์šฉํ•˜๊ธฐ
  • ์ฝ”๋“œ๊ฐ€ ํ•œ ํŒŒ์ผ์— ์˜ฌ๋ฆฌ์ง€ ์•Š๋„๋ก ๊ตฌ์กฐํ™”๋ฅผ ์ž˜์งœ์„œ ๊น”๋”ํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ
  • ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ์˜ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ (์ธํ”ผ๋‹ˆํŠธ ์ฟผ๋ฆฌ, ํŽ˜์ด์ง€๋„ค์ด์…˜โ€ฆ)
  • PR ๋ฆฌ๋ทฐ ํ•œ๋ฒˆ์”ฉ ๋‚จ๊ฒจ๋ณด๊ธฐ (KPT ํšŒ๊ณ  ๋๋‚œ ๋‹ค์Œ ๋ฐ”๋กœ!!)
  • PR ๋ฆฌ๋ทฐ๋ฅผ ์ž˜ ๋‚จ๊ธฐ์ž!: ์‚ฌ์†Œํ•œ ๋ฆฌ๋ทฐ๋ผ๋„ ์„œ๋กœ ๊ณต์œ ํ•˜๊ธฐ LGTM :)
  • app router์™€ pages router๋ฅผ ์ด์šฉํ•œ todo app์„ ๋งŒ๋“ค๋ฉฐ next.js ์™€ SSR์— ์นœ์ˆ™ํ•ด์ง€๊ธฐ
  • ๋ฆฌ์•กํŠธ ์ฟผ๋ฆฌ ์‚ฌ์šฉ ์‹œ ์ฟผ๋ฆฌ ํ‚ค๋ฅผ ํ•˜๋“œ์ฝ”๋”ฉ์œผ๋กœ ์ž‘์„ฑํ•˜๊ธฐ๋ณด๋‹ค ๊ฐ์ฒดํ˜•ํƒœ๋กœ key๋ฅผ ๊ด€๋ฆฌํ•ด ํœด๋จผ ์—๋Ÿฌ๋ฅผ ๋ฐฉ์ง€ํ•˜์ž
  • ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜์ฒ˜๋Ÿผ PR review๋„ ๊ทœ์น™์„ ๋งŒ๋“ค์–ด๋ณด์ž

0๊ฐœ์˜ ๋Œ“๊ธ€