[TIL] Day20 #Section1_KPT_ํšŒ๊ณ 

Beanxxยท2022๋…„ 5์›” 23์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
20/120
post-thumbnail

โ˜‘๏ธย Keep

  • ์ง€๊ฐํ•˜์ง€ ์•Š๊ณ  9์‹œ ์ด์ „์— ์ถœ์„ ์ฒดํฌ โœ”๏ธ
  • 1์ผ1์ปค๋ฐ‹ํ•ด์„œ Github ์ž”๋”” ๋งค์ผ๋งค์ผ ์ฑ„์›€ ๐Ÿ€
  • ๊ทธ๋‚  ๊ทธ๋‚  velog์— TIL ์ž‘์„ฑํ•จ โœ๐Ÿป

โ˜‘๏ธย Problem

  • ํ˜ผ์ž ํ•™์Šตํ•˜๋Š” ์‹œ๊ฐ„์— ์˜ˆ์ƒ๋ณด๋‹ค ์ผ์ฐ ๋๋‚˜๋ฉด ๋‚จ์€ ์‹œ๊ฐ„์—๋Š” ๊ฐœ๋ฐœ ๊ณต๋ถ€ ์•ˆํ•จ
  • ์ผ์–ด๋‚œ ์งํ›„๋‚˜ ์ ์‹ฌ๋จน๊ณ ๋‚˜์„œ ๋‚˜๋ฅธํ•  ๊ฒฝ์šฐ ๊ฐ•์˜ ๋ณด๊ฑฐ๋‚˜ ํ•™์Šต ์ž๋ฃŒ ๋ณผ ๋•Œ ์ข…์ข… ์นจ๋Œ€์— ๋ˆ„์›Œ์„œ ๊ณต๋ถ€ํ•ด์„œ ์ง‘์ค‘ํ•ด์„œ ๊ณต๋ถ€ํ•˜์ง€ ๋ชปํ•จ
  • ์ฃผ๋ง์— ๋ณต์Šตํ•˜๊ธฐ๋กœ ๊ณ„ํš๋งŒ ์„ธ์›Œ๋†“๊ณ  ๋ง‰์ƒ ์•Œ๋ฐ” ๊ฐ”๋‹ค์™€์„œ ์‰ฌ๋Š๋ผ ์ฃผ๋ง์— ํ•œ๋ฒˆ๋„ ๋ณต์Šต ์•ˆํ•จ
  • ๊ณ„ํš๋งŒ ์žฅํ™ฉํ•˜๊ฒŒ ์„ธ์›Œ๋†“๊ณ  ๋ง‰์ƒ ๋ฐ˜๋„ ๋ชป ์ง€ํ‚จ ์ ์ด ๋งŽ์Œ
  • ๊ฑฐ์˜ ๋งค์ผ 9์‹œ ์ˆ˜์—… ์‹œ์ž‘ํ•˜๊ธฐ 30๋ถ„ ์ „์— ๊ธ‰ํ•˜๊ฒŒ ์ผ์–ด๋‚จ
  • ์ฝ”ํ”Œ๋ฆฟ ์–ด๋ ค์› ๋˜ ๋ฌธ์ œ๋‚˜ ์ดํ•ด๊ฐ€ ์ œ๋Œ€๋กœ ๋˜์ง€ ์•Š์•˜๋˜ ๊ฐœ๋…๋“ค ๋‹ค์‹œ ๋ณต์Šต ์•ˆํ•˜๊ณ  ๊ทธ๋ƒฅ ๋„˜์–ด๊ฐ
  • ์ทจ์นจ ์‹œ๊ฐ„์ด ๋„ˆ๋ฌด ๋ถˆ๊ทœ์น™ํ–ˆ์Œ (์ผ์ฐ ์ž๋ฉด 1์‹œ, ๋Šฆ๊ฒŒ ์ž๋ฉด 3์‹œ ๋„˜์–ด์„œ๊นŒ์ง€,,)
  • ์ €๋…๋จน๊ณ  ๋‚˜์„œ ๋Š˜์–ด์ง€๊ฒŒ ๋˜์–ด์„œ TIL ์ž‘์„ฑ๋งŒ ํ•˜๊ณ  ๋”ฐ๋กœ ๋ณต์Šต์€ ์ž˜ ์•ˆํ•จ

โ˜‘๏ธย Try

๐Ÿ‘‰ย ์šฐ์„ ์ˆœ์œ„ ๋ฐ˜์˜

  1. ๋Šฆ์–ด๋„ 8์‹œ์—๋Š” ์ผ์–ด๋‚˜์„œ ์—ฌ์œ ๋กญ๊ฒŒ ์ˆ˜์—… ์‹œ๊ฐ„ 9์‹œ ๋งž์ดํ•˜๊ธฐ
  2. ๊ทธ๋‚  ๊ทธ๋‚  ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ ๋ฒจ๋กœ๊ทธ์— TIL ์—…๋กœ๋“œํ•˜๊ธฐ
  3. ๋ฌด์Šจ ์ผ์ด ์žˆ์–ด๋„ 9to6 ์ˆ˜์—… ์‹œ๊ฐ„์—๋Š” ์นจ๋Œ€์— ๋ˆ•์ง€ ์•Š๊ธฐ
  4. ํ˜ผ์ž ํ•™์Šตํ•˜๋Š” ์‹œ๊ฐ„์ด ์˜ˆ์ƒ๋ณด๋‹ค ์ผ์ฐ ๋๋‚œ ๊ฒฝ์šฐ ๋”ด์ง“ํ•˜์ง€ ๋ง๊ณ  TIL์„ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ ๊ทธ ์ „ ๋‚ด์šฉ ๋ณต์Šตํ•˜๊ฑฐ๋‚˜ ์ถ”๊ฐ€ ํ•™์Šตํ•  ๋‚ด์šฉ ๋” ๊ณต๋ถ€ํ•˜๊ธฐ
  5. ํ•˜๋ฃจ ๊ณ„ํš์€ ์š•์‹ฌ๋ถ€๋ฆฌ์ง€ ๋ง๊ณ  ์ง€ํ‚ฌ ์ˆ˜ ์žˆ์„ ๋งŒํผ๋งŒ ์„ธ์šฐ๊ณ  ์ตœ๋Œ€ํ•œ ์‹ค์ฒœํ•˜๊ธฐ
  6. ์ฃผ๋ง ์•Œ๋ฐ”๊ฐ€๊ธฐ ์ „, ํ›„๋กœ ๋ฒจ๋กœ๊ทธ์— ์ž‘์„ฑํ•œ ๊ธ€ ๋‹ค์‹œ ์ฝ์–ด๋ณด๊ณ , ๋ถ€์กฑํ•œ ๊ฐœ๋… ์ถ”๊ฐ€ ํ•™์Šตํ•˜๊ธฐ
  7. 1์ผ1์ปค๋ฐ‹ํ•ด์„œ Github ์ž”๋”” ๋งค์ผ๋งค์ผ ์ฑ„์šฐ๊ธฐ
  8. ๋ชปํ•ด๋„ ๊ฒฉ์ผ๋กœ ์‚ฐ์ฑ…ํ•˜๊ฑฐ๋‚˜ ์ง‘์—์„œ๋ผ๋„ ์šด๋™ํ•ด์„œ ์ฒด๋ ฅ ๊ธฐ๋ฅด๊ธฐ
  9. ๋Šฆ์–ด๋„ 12์‹œ ๋ฐ˜๊นŒ์ง€๋Š” ์นจ๋Œ€์— ๋ˆ„์›Œ์„œ ๋ฐ”๋กœ ์ž๊ฑฐ๋‚˜ ์ฑ… ์ฝ๋‹ค๊ฐ€ 1์‹œ ์ „์— ์ž ๋“ค๊ธฐ

โ˜‘๏ธย Comment โœ๏ธ

์ด๋ ‡๊ฒŒ KPT ํšŒ๊ณ ๋ฅผ ํ•ด๋ณด๋‹ˆ๊นŒ ์œ ์ง€ํ•ด์•ผ ํ•  ๋งŒ์กฑ์Šค๋Ÿฌ์šด ๋ถ€๋ถ„์€ ๊ฑฐ์˜ ์—†๊ณ , ๊ฐœ์„ ํ•ด์•ผ ํ•  ๋ถ€๋ถ„๋งŒ ๋„˜์ณ๋‚œ๋‹ค,,๐Ÿซ  ํ‰์ผ์—” TIL์€ ์ตœ๋Œ€ํ•œ ๋งค์ผ ์ž‘์„ฑํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๋Š”๋ฐ ๋ง‰์ƒ ์ •๋ฆฌ๋งŒ ํ•˜๊ณ  ๋‹ค์‹œ ๋ณด์ง€๋„ ์•Š๊ณ , ์ถ”๊ฐ€์ ์ธ ํ•™์Šต์„ ์ž˜ ํ•˜์ง€ ์•Š์•„์„œ ๊ฐœ๋…์ ์ธ ๋ถ€๋ถ„์—์„œ ๋งŽ์ด ๋ถ€์กฑํ•œ ๋Š๋‚Œ์ด ๋“ ๋‹ค. ํŠนํžˆ ์ฝ”ํ”Œ๋ฆฟ ๋ฌธ์ œ ์ค‘์—์„œ ์ž˜ ์ดํ•ด๋˜์ง€ ์•Š์•˜๋˜ ๋ฌธ์ œ๋Š” ๋‹ค์‹œ ํ•œ๋ฒˆ ๋ณต์Šตํ•˜๊ธฐ๋กœ ํ–ˆ๋Š”๋ฐ ์•„์ง๋„ ๋ณต์Šตํ•˜์ง€๋„ ์•Š์•˜๋‹ค.๐Ÿ˜“ย ํ˜ผ์ž ํ•™์Šตํ•˜๋Š” ์‹œ๊ฐ„์—๋„ ๋”ด์ง“ํ•˜์ง€ ๋ง๊ณ  ์ตœ๋Œ€ํ•œ ์ง‘์ค‘ํ•ด์„œ ์ž˜ ์ดํ•ด๋˜์ง€ ์•Š๋Š” ๋ถ€๋ถ„์ด ์—†๋„๋ก ํ•˜์žย ๊ทธ๋ฆฌ๊ณ  ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ  ๋งŒ๋“œ๋Š” ๊ฒƒ๋„ localstorage ๋ถ€๋ถ„ ๋“ฑ ์•„์ง๋„ ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜์ง€ ๋ชปํ•˜๊ณ  ๋„˜์–ด๊ฐ”๋˜ ๋ถ€๋ถ„ ๊ผญ๊ผญ ๋‹ค์‹œ ๋ณด๊ณ  ํ‹ˆํ‹ˆํžˆ ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง๋„ ํ•˜๊ธฐ!๐Ÿ’ชย ๋Œ€ํ•™์ƒ๋•Œ ๋ฐฐ์› ๋˜ ๋‚ด์šฉ๋„ ๋‹ค ๊นŒ๋จน์–ด์„œ ์ ์  ๋‚ด์šฉ์ด ์‹ฌํ™”๋ ์ˆ˜๋ก ์ง„๋„ ๋”ฐ๋ผ๊ฐ€๊ธฐ๋งŒ ๊ธ‰๊ธ‰ํ•ด์ง€๋Š”๋ฐ ์ €๋… ๋จน๊ณ  ๋‚œ ์‹œ๊ฐ„์„ ํ™œ์šฉํ•ด์„œ ์™„์ „ํžˆ ์ดํ•ดํ•˜๊ณ  ๋„˜์–ด๊ฐ€์ž ์ œ๋ฐœ๐Ÿ™



๐Ÿ“Ž Todo List

โœ… ๊ทธ๋™์•ˆ์˜ TIL ๋‚ด์šฉ ๋ณต์Šต
โœ… ์ฝ”ํ”Œ๋ฆฟ ๋ฌธ์ œ ์ „์ฒด ์‹น ๋‹ค ๋ณต์Šตํ•˜๊ธฐ
โœ… ๊ณ„์‚ฐ๊ธฐ css ์ˆ˜์ •
โœ… ๊ณ„์‚ฐ๊ธฐ ๊ธฐ๋Šฅ ๋๊นŒ์ง€ ๊ตฌํ˜„
โœ… ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ  ๊ธฐ๋Šฅ ๋๊นŒ์ง€ ๊ตฌํ˜„ ๋ฐ ์ถ”๊ฐ€ ํ•™์Šต
โœ… ์•„๊ณ ๋ผ ์Šคํ…Œ์ด์ธ  css ์ˆ˜์ •
โœ… ๊ธฐ์ˆ ๋ฉด์ ‘ ์งˆ๋ฌธ&๋‹ต๋ณ€ ์ •๋ฆฌ

โœ… 'ํ•œ ๊ถŒ์œผ๋กœ ์ฝ๋Š” ์ปดํ“จํ„ฐ ๊ตฌ์กฐ์™€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ' ์ฑ… ๋งค์ผ 7์žฅ ์ด์ƒ์”ฉ ์ฝ๊ธฐ
โœ… '๊ทธ๋ฆผ์œผ๋กœ ์ดํ•ดํ•˜๋Š” IT ์ง€์‹๊ณผ ํŠธ๋ Œ๋“œ' ์ฑ… 1์ฑ•ํ„ฐ์”ฉ ์ฝ๊ธฐ
โœ… '๋‚˜๋Š” LINE ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค' ์ฑ… ๋ฐ˜๋‚ฉ์ผ ์ „๊นŒ์ง€ ๊ฐ€๋ณ๊ฒŒ ๋‹ค ์ฝ๊ธฐ
โœ… 'ํŒŒ์ด์ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ธํ„ฐ๋ทฐ' ์ฑ… ๋ณด๋ฉด์„œ ๋งค์ผ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ ํ’€๊ธฐ

๋ชป๋‹คํ•œ ํ•  ์ผ์„ ๋‚˜์—ดํ•ด๋ณด๋‹ˆ๊นŒ ํ•  ์ผ์ด ๋„˜์ณ๋‚œ๋‹ค,, ์˜ค๋Š˜ ์ฑ… ๋ฐ˜๋‚ฉํ• ๊ฒธ ์ž ๊น ๋„์„œ๊ด€์— ๊ฐ”๋‹ค๊ฐ€ 'ํ•œ ๊ถŒ์œผ๋กœ ์ฝ๋Š” ์ปดํ“จํ„ฐ ๊ตฌ์กฐ์™€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ' ์ฑ…์„ ๋นŒ๋ ค์™”๋‹ค. ์ƒˆ ์ฑ…์ด์—ฌ์„œ ๊ธฐ๋ถ„์ด ์ข‹์•˜๋‹ค. ์†Œํ™•ํ–‰๐Ÿ™ƒ ์ด์ œ ์กฐ๊ธˆ์”ฉ ๋งค์ผ ์ฝ์ž.

profile
FE developer

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