๐Ÿ”ฅTIL๐Ÿ”ฅ์ŠคํŒŒ๋ฅดํƒ€ | ์ˆ™๋ จ ํŒ€๊ณผ์ œ KPT ํšŒ๊ณ 

hyihyiยท2024๋…„ 1์›” 22์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
37/69
post-thumbnail

๐Ÿ“– KPT ํšŒ๊ณ 

KPT : keep, problem, try์˜ ์•ฝ์ž

์ค‘์š”ํ•œ ์ 

  • ์‹ค ์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์šฉํ•  ์ •๋„์˜ ์ˆ˜์ค€์œผ๋กœ ๋งŒ๋“œ๋Š” ๊ฒŒ ๋ชฉํ‘œ
  • ๊ธฐํš์˜๋„/์ฐธ์‹ ํ•œ ์•„์ด๋””์–ด๊ฐ€ ์ค‘์š”

๐Ÿ“ Keep

  • ๋งค์ผ ์—ญํ•  ๋ถ„๋‹ด โ†’ ๋งค์ผ ํ•œ ์ผ&ํ•ด์•ผ ํ•  ์ผ์„ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๋‹ค

  • ๋งค์ผ 3๋ฒˆ (์˜ค์ „, ์˜คํ›„, ์ €๋…) ํšŒ์˜ ์ง„ํ–‰ โ†’ ๋ฃจ์ฆˆํ•ด์ง€์ง€ ์•Š์•„์„œ ์ข‹์•˜๋‹ค

  • PR ์ƒ์„ฑ ํ›„ mergeํ•  ๋•Œ๋งˆ๋‹ค ์„œ๋กœ ์•Œ๋ ค์ฃผ๊ธฐ โ†’ ๋ฐ”๋กœ pull ํ•ด์™€์„œ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ์–ด ์ข‹์•˜๋‹ค

๐Ÿ“ Problem

  • ๋ง‰ํžˆ๋Š” ๋ถ€๋ถ„์ด ์žˆ์—ˆ์„ ๋•Œ ํ˜ผ์ž ํ•ด๊ฒฐํ•˜๋ ค ํ•˜๋‹ค๊ฐ€ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ์†Œ์š”๋จ

  • ๋ทฐ ๋ฐ”์ธ๋”ฉ์„ ์“ด ์ฝ”๋“œ(Fragment)๋„ ์žˆ๊ณ  ์•ˆ ์“ด ์ฝ”๋“œ(Dialog)๋„ ์žˆ์—ˆ์Œ

  • ์•ฑ ๋‚ด ๋ฌธ์ž์—ด String ๋ฆฌ์†Œ์Šค๋กœ ์ถ”์ถœํ•˜์ง€ ์•Š๊ณ  ํ•˜๋“œ ์ฝ”๋”ฉํ•œ ๋ถ€๋ถ„์ด ์žˆ์—ˆ์Œ

  • Drawable ์ด๋ฆ„์ด ํ†ต์ผ๋˜์ง€ ์•Š์Œ

  • ๊ฐ™์€ ์ด๋ฏธ์ง€๊ฐ€ ์—ฌ๋Ÿฌ ๊ฐœ ์กด์žฌํ•จ

๐Ÿ“ Try

  • ๋ง‰ํžˆ๋Š” ๋ถ€๋ถ„ ์žˆ์—ˆ์„ ๋•Œ, 1์‹œ๊ฐ„ ์ด๋‚ด์— ํ•ด๊ฒฐ์ด ์•ˆ๋˜๋ฉด ํŒ€์›๋“ค๊ณผ ์ƒ์˜ํ•˜๊ธฐ/ํŠœํ„ฐ๋‹˜๊ป˜ ์งˆ๋ฌธํ•˜๊ธฐ

  • Drawable ์ด๋ฆ„ ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜์— ์ •ํ•˜๊ธฐ

  • ์ด๋ฏธ์ง€๋ฅผ ์ถ”๊ฐ€ํ•  ๋•Œ ์„œ๋กœ ์ƒ์˜ํ•˜๊ธฐ

  • ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ์„ ๋๋‚ด๊ณ , ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง์„ ํ•  ์‹œ๊ฐ„์„ ๋ถ„๋ฐฐํ•ด๋‘๊ธฐ

  • PR ์ปจ๋ฒค์…˜ ์ •ํ•˜๊ธฐ

  • ๋ธŒ๋žœ์น˜ ๊ธฐ๋Šฅ๋ณ„๋กœ ๋‚˜๋ˆ„๊ธฐ

๐Ÿ˜ฏ ๋Š๋‚€ ์ 

์ด๋ฒˆ ํŒ€๊ณผ์ œ์—์„œ๋Š” ๋””์ž์ธ์— ์‹ ๊ฒฝ์„ ์—„์ฒญ ์จ์„œ ๊ทธ๋Ÿฐ์ง€ ๋ฐœํ‘œ ํ›„ ๋””์ž์ธ ๋•Œ๋ฌธ์— ๊ธฐ๋Šฅ์ด ๋ฌปํžŒ๋‹ค๊ฑฐ๋‚˜ ํ•˜๋Š” ์ง€์ ์€ ๋ฐ›์ง€ ์•Š์•˜๋‹ค. ๋‹ค๋งŒ TabLayout ํด๋ฆญํ–ˆ์„ ๋•Œ ๋ฐ”๋€Œ๋Š” ๋ถ€๋ถ„์„ ๋ณด๊ธฐ ์ข‹๊ฒŒ ์ปค์Šคํ…€ ํ•˜๋ฉด ์ข‹๊ฒ ๋‹ค๊ณ  ๋ง์”€ํ•˜์…จ๋‹ค. ๋‚ด๊ฐ€ ๋งก์€ ๋ถ€๋ถ„์ด์—ˆ๋Š”๋ฐ ์กฐ๊ธˆ ๋” ์ฐพ์•„๋ณด๊ธฐ ๊ท€์ฐฎ์•„์„œ ๋ฉˆ์ท„๋Š”๋ฐ ์•„์‰ฌ์› ๋‹ค.
๊ทธ๋ฆฌ๊ณ  ๋๊นŒ์ง€ ํ•ด๊ฒฐ ๋ชป ํ•œ ๋ถ€๋ถ„๋„ ์žˆ์—ˆ๋‹ค. DialogFragment๋ฅผ ๋„์šฐ๊ณ  Dialog๋ฅผ ๋„์šด ๊ฒƒ์ฒ˜๋Ÿผ ๋’ท๋ฐฐ๊ฒฝ์„ ํ๋ฆฌ๊ฒŒ ํ•˜๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ ํ•˜๋‹ค๊ฐ€ ์•ˆ๋ผ์„œ ํฌ๊ธฐํ–ˆ๋‹ค,,,,, ๋‹ค๋ฅธ ํŒ€์›์ด ํ•œ ๊ธฐ๋Šฅ๋•Œ๋ฌธ์— ์ „์ฒด์ ์ธ ๊ธฐ๋Šฅ์ด ๋งŽ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์„œ ๊ทธ๋Ÿฐ์ง€ ๊ธฐ๋Šฅ๊ตฌํ˜„ ์กฐ๊ธˆ ํ•ด๋ณด๋‹ค๊ฐ€ ํฌ๊ธฐํ•œ ๊ฒƒ๋“ค์ด ๋งŽ์•„ ์•„์‰ฝ๋‹ค. ๋‹ค์Œ ํŒ€๊ณผ์ œ๋•Œ๋Š” ์•ˆ๋˜๋Š” ๊ธฐ๋Šฅ์€ ํŠœํ„ฐ๋‹˜๊ป˜ ์ฐพ์•„๊ฐ€๋ณด๊ธฐ๋„ ํ•˜๋ฉด์„œ ๋๊นŒ์ง€ ํ•ด๊ฒฐํ•ด์•ผ๊ฒ ๋‹ค.

๐Ÿ“Œ์ „์ฒด ํ”ผ๋“œ๋ฐฑ ์ •๋ฆฌ

<๋ฐœํ‘œ>

  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… ์ค‘์š”๋„ ์ˆœ์œผ๋กœ ๋ฐœํ‘œํ•˜๊ธฐ(๋ˆ„๊ฐ€ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€ ๋ณด๋‹ค)
  • ๋„ˆ๋ฌด ๋Œ€๋ณธ ์ฝ๋Š” ํ‹ฐ ๋‚ด์ง€ ๋ง๊ธฐ
  • ๋ฐœํ‘œ ์‹œ ํ”„๋ž˜๊ทธ๋จผํŠธ/์•กํ‹ฐ๋น„ํ‹ฐ( ex) DetailFragment) ์šฉ์–ด ์‚ฌ์šฉ X, ์ƒ์„ธ/๋ฉ”์ธ ํ™”๋ฉด์ด๋ผ๊ณ  ๋ฐœํ‘œํ•˜๊ธฐ
  • ๋ฐœํ‘œ ํ™”๋ฉด ๊ณต์œ  ์‹œ, ์ธํ„ฐ๋„ท ํƒญ ๋ณด์ด์ง€ ์•Š๊ฒŒ ํ•˜๊ธฐ

<๋””์ž์ธ>

  • ์ƒ‰์ด ์ข€ ๋งŽ๋‹ค.
  • Material ํ…Œ๋งˆ๋ฅผ ์ฐธ๊ณ ํ•˜์ž
  • ํ”Œ๋กœํŒ… ๋ฒ„ํŠผ์€ ํŠ€์–ด์•ผ ํ•œ๋‹ค
  • ๋””ํ…Œ์ผํ•œ ์—ฌ๋ฐฑ/๋งˆ์ง„ ์‹ ๊ฒฝ์“ฐ๊ณ  ๋„ˆ๋ฌด ํ•œ ์ชฝ์œผ๋กœ ๋ชฐ๋ฆฌ์ง€ ์•Š๊ฒŒ ๊ท ํ˜•๋งž์ถ”๊ธฐ
  • ํฐ ์ด๋ฏธ์ง€๋Š” ์„ ๋ช…ํ•ด์•ผ ํ•œ๋‹ค.
    1.5๋ฐฐ ์ •๋„ ํฌ๊ฒŒ ๋‹ค์šด๋ฐ›์•„์„œ ๋ณด์—ฌ์ฃผ๊ธฐ
  • ์ƒ๋‹จ status๋ฐ”์˜ ์ƒ‰ ๋งž์ถ”๊ธฐ
  • ๋ฆฌ์ŠคํŠธ์—์„œ ๋ณดํ†ต 2๋ฒˆ์งธ ํ…์ŠคํŠธ ๊ธ€์ž๋ฅผ ์กฐ๊ธˆ ๋” ์ž‘๊ฒŒ/ํ๋ฆฌ๊ฒŒ ํ•œ๋‹ค.
  • ํˆฌ๋ช…๋„ ์ฒ˜๋ฆฌ : ์„ฑ๋Šฅ์€ ์•ˆ ์ข‹์•„์ง€์ง€๋งŒ ๋””์ž์ธ์ ์œผ๋กœ ์ข‹๋‹ค.
  • ๋‹ค์ด์–ผ๋กœ๊ทธ ๋ฐฐ๊ฒฝ์ƒ‰์„ dimAmount๋กœ ์ง„ํ•˜๊ฒŒ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Œ
    or elevation
  • ๋ฐ”ํ…€ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ทฐ - ํ™”๋ฉด ์„ ํƒ๋์„ ๋•Œ ์•„์ด์ฝ˜๋งŒ ๋ฐ”๋€Œ์—ˆ์œผ๋ฉด ๊น”๋”ํ–ˆ์„ ๊ฒƒ
  • ์•ฑ ๋””์ž์ธ ์ปจ์…‰์— ๋งž๋Š” ์ ๋‹นํ•œ ์‚ฌ์ด์ฆˆ์˜ ์•„์ด์ฝ˜ ํฌ๊ธฐ ์„ ํƒํ•˜๊ธฐ
  • ์•ฑ ์ปจ์…‰๊ณผ ์ƒ‰์ƒ ๋งค์น˜
  • ๊ฐ ํŽ˜์ด์ง€๋งˆ๋‹ค ๋””์ž์ธ ํ†ต์ผ์„ฑ ์ง€ํ‚ค๊ธฐ (Figma๋กœ ๋ชจ๋“  ํ™”๋ฉด ๋””์ž์ธ ํ›„ ์ž‘์—…ํ•˜๊ธฐ)
  • ํƒญ ๋ ˆ์ด์•„์›ƒ์„ ์„ ํƒํ–ˆ์„ ๋•Œ ์„ ํƒ๋œ ํƒญ์˜ ๊ฐ€๋…์„ฑ ์ƒ๊ฐํ•˜๊ธฐ

<๊ธฐ๋Šฅ>

  • ์‚ฌ์šฉ์ž์—๊ฒŒ ์–ด๋–ค ๊ธฐ๋Šฅ์ด ์žˆ๋Š”์ง€ ์•Œ๋ ค์ฃผ๊ธฐ (์•ฑ ์˜จ๋ณด๋”ฉ์„ ๋ง์”€ํ•˜์‹œ๋Š” ๋“ฏ)
    (ex. ํ™”๋ฉด ์Šค์™€์ดํ”„ ๊ฐ€๋Šฅ, ์ฆ๊ฒจ์ฐพ๊ธฐ ์—ฐ๋ฝ์ฒ˜ ํด๋ฆญ ์‹œ ์ „ํ™” ์—ฐ๊ฒฐ)
  • ํŠน์ • ๊ธฐ๋Šฅ ํ›„(ex)์—ฐ๋ฝ์ฒ˜ ์‚ญ์ œ/์ถ”๊ฐ€) ์™„๋ฃŒ ํ† ์ŠคํŠธ ๋ฉ”์„ธ์ง€๋ฅผ ๋„์›Œ ์‚ฌ์šฉ์ž์—๊ฒŒ ์–ด๋–ค ๋™์ž‘์ด ์‹คํ–‰๋๋Š”์ง€ ์•Œ๋ ค์ฃผ๊ธฐ
  • ์Šคํฌ๋กค๋ทฐ๋ฅผ NestedScrollView๋กœ ๊ฐ์‹ธ๋ฉด, ๋ฉ”๋ชจ๋ฆฌ ์ด์  ์‚ฌ๋ผ์ง
    -> ๋ฆฌ์‹ธ์ดํด๋Ÿฌ ๋ทฐ ํ•˜๋‚˜๋กœ ํ•ฉ์น˜๊ธฐ
  • ๋ฆฌ์‹ธ์ดํด๋Ÿฌ ๋ทฐ ๋ทฐํƒ€์ž…์„ ์ด์šฉํ•˜์—ฌ ๊ทธ๋ฃจํ•‘ํ•˜๊ธฐ
  • ์—ฐ๋ฝ์ฒ˜ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ ๊ฐœ์„ 
    (์ „ํ™”๋ฒˆํ˜ธ๋กœ ๊ฒ€์ƒ‰, ๊ฒ€์ƒ‰๊ณผ ์ผ์น˜ํ•˜๋Š” ๋ถ€๋ถ„ ๊ธ€์ž์ƒ‰ ๋ฐ”๊พธ๊ธฐ)
  • ์—ฐ๋ฝ์ฒ˜ ์ถ”๊ฐ€ ์‹œ, ํ•„์ˆ˜ ์ž…๋ ฅ ์‚ฌํ•ญ๋งŒ ๋ณด์ด๊ณ , ๋”๋ณด๊ธฐ ํด๋ฆญ ์‹œ, ์„ ํƒ ์ž…๋ ฅ ์‚ฌํ•ญ ๋ณด์ด๊ธฐ
  • ์—ฐ๋ฝ์ฒ˜ ์ „ํ™”๋ฒˆํ˜ธ ์—ฌ๋Ÿฌ ๊ฐœ ์ €์žฅ ๊ฐ€๋Šฅ
  • ์„ ํƒ ๊ธฐ๋Šฅ ๊ตฌํ˜„ (์ด๋ฒคํŠธ ์•Œ๋ฆผ)
  • ์Šค์™€์ดํ”„ ๋œ ๊ณต๊ฐ„์— ๊ธฐ๋Šฅ(ํ†ตํ™”/์‚ญ์ œ) ํ‘œ์‹œํ•ด ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋Š” ์Šค์™€์ดํ”„ ๋™์ž‘์ธ์ง€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์•Œ๋ ค์ฃผ๊ธฐ
  • ์Šค์™€์ดํ”„ ์‹œ ๋‚ ๋ผ๊ฐ€์ง€ ์•Š๊ฒŒ ์ค‘๊ฐ„์— ๋ฉˆ์ถ”๊ธฐ
  • ์—ฐ๋ฝ์ฒ˜ ๋ชฉ๋ก ๋ณด๊ธฐ ๋ณ€๊ฒฝ (๋ฆฌ์ŠคํŠธ/๊ทธ๋ฆฌ๋“œ)
profile
์ž์œ ๋กญ๊ฒŒ ์“ด ๋‚˜์˜ ์ž์œ ๋กœ์šด Development voyageโ›ต

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