์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE Section 4 ํšŒ๊ณ 

2022. 10. 19. 16:00ยทํšŒ๊ณ 

๐Ÿ“๋ชฉํ‘œ ์„ค์ •


๐Ÿ’ก ๋ชฉํ‘œ: ํ•€ํ…Œํฌ ๊ธฐ์—… ๋ชฉํ‘œ๋กœ ๋‚ด๋…„ ์ƒ๋ฐ˜๊ธฐ์— ์ทจ์—…ํ•˜๊ธฐ

๋ถ€ํŠธ์บ ํ”„์—์„œ ๊ผญ ์–ป๊ณ  ์‹ถ์€ ๊ฒƒ

  1. ํƒ„ํƒ„ํ•œ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ธฐ์ดˆ
    1. ๋ฐฐ์šด ๊ฑด ์ฝ๊ณ  ๋๋‚ด์ง€ ๋ง๊ณ  ๋ฐ”๋กœ ์ฝ”๋“œ๋กœ ์ณ์„œ ํ™œ์šฉํ•ด๋ณด๊ธฐ
    2. ๋ฉด์ ‘์—์„œ ์ž์ฃผ ๋‚˜์˜ค๋Š” ์ค‘์š”ํ•œ ํ‚ค์›Œ๋“œ๋“ค์€ ๋ง๋กœ ์„ค๋ช…ํ•ด๋ณด๊ณ  ๋…นํ™” ํ”ผ๋“œ๋ฐฑ(๋‘๊ด„์‹ ์š”์•ฝ→์„ค๋ช…)
    3. ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋”” ์ง„๋„ ๋งž์ถฐ์„œ ๋ฌธ์ œ ํ’€๊ธฐ
  2. ์ฆ๊ฒ๊ฒŒ ๊ณต๋ถ€ํ•˜๋Š” ์Šต๊ด€ ์ตํžˆ๊ธฐ
    1. ์ž˜ ์•ˆ๋  ๊ฒฐ๊ณผ๋ฅผ ๋‘๋ ค์›Œํ•˜์ง€ ๋ง๊ณ  ๋ˆˆ์•ž์— ์žˆ๋Š” ๊ณผ์ •์„ ์ฆ๊ธฐ๋ฉด์„œ ๊ณต๋ถ€ํ•˜์ž
    2. ๋‚จ๊ณผ ๋น„๊ตํ•˜์ง€ ๋ง๊ณ , ๋‚ด ํšŒ๊ณ ๋ฅผ ๋ณด๋ฉด์„œ ๊ณผ๊ฑฐ์˜ ๋‚˜์™€ ๋น„๊ตํ•˜์ž
    3. ๊พธ์ค€ํžˆ ๊ณต๋ถ€ํ•˜๋Š” ์Šต๊ด€ → ์ฃผ 6ํšŒ ์ด์ƒ ์ž”๋””์‹ฌ๊ธฐ ๋„์ „!
  3. ๋งค๋„๋Ÿฝ๊ฒŒ ํ˜‘์—…ํ•  ์ˆ˜ ์žˆ๋Š” ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋Šฅ๋ ฅ
    1. ์ดํ•ดํ•œ ๊ฐœ๋…์„ 1์ฐจ๋กœ ๋ธ”๋กœ๊ทธ์— ๊ธ€๋กœ ์ž‘์„ฑํ•˜๊ณ  2์ฐจ๋กœ ๋ง๋กœ ์„ค๋ช…ํ•ด๋ณด๋Š” ์—ฐ์Šต

๋‚˜์˜ ๋‹ค์ง

  1. ์ •๊ทœ ์ˆ˜์—… ์‹œ๊ฐ„ ์ดํ›„ 3์‹œ๊ฐ„ ์ด์ƒ ์ถ”๊ฐ€ ํ•™์Šตํ•˜๊ธฐ
    1. ์ถ”๊ฐ€ ํ•™์Šต ์‹œ๊ฐ„์ด ๊ธธ์–ด์ ธ๋„ ์ž ์€ 1์‹œ ์ „์— ์ž๊ธฐ
  2. ๋ธ”๋กœ๊ทธ์— ๊พธ์ค€ํžˆ ํšŒ๊ณ  ์˜ฌ๋ฆฌ๊ธฐ
    1. ๋งค์ฃผ ์ฃผ๋ง์— ๊ทธ ์ฃผ์˜ ํšŒ๊ณ ๋ฅผ ์˜ฌ๋ฆฌ๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•˜๊ณ  ๊ทธ๋‹ค์Œ ์ฃผ ํ‰์ผ ์•ˆ์—๋Š” ๊ผญ ์ž‘์„ฑํ•ด์„œ ๊ฒŒ์‹œ → 2๊ฐœ ์ด์ƒ ๋ฐ€๋ฆฌ์ง€ ์•Š๊ฒŒ ํ•œ๋‹ค
    2. ๊ธฐ์ˆ  ๋ธ”๋กœ๊น…์€ ์ด ๊ฐœ๋…์„ ์ฒ˜์Œ ๋ณธ ์‚ฌ๋žŒ๋„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์„ ์ •๋„๋กœ ์‰ฝ๊ฒŒ ์„ค๋ช…(๋ฏธ๋ž˜์— ๋‹ค ๊นŒ๋จน์–ด๋ฒ„๋ฆฐ ๋‚˜์—๊ฒŒ ์„ค๋ช…ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ž)
  3. ์ฃผ 3ํšŒ ์ด์ƒ ์šด๋™์œผ๋กœ ๊ฑด๊ฐ• ์ฑ™๊ธฐ๊ธฐ!
    1. 30๋ถ„ ํ™ˆํŠธ๋ ˆ์ด๋‹์ด๋ผ๋„ ๊พธ์ค€ํžˆ ํ•˜์ž

 

๐Ÿ“Tracking


KPT(keep, problem, try) ํšŒ๊ณ ๋ฒ•์œผ๋กœ ์„น์…˜ 4๋ฅผ ํšŒ๊ณ ํ•ด๋ณด์ž

์ฐธ ์ž˜ํ–ˆ์–ด์š”(Keep)

  • ์„น์…˜ 4๊นŒ์ง€ ์„ฑ์‹คํ•˜๊ฒŒ ์™„์ฃผ

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

  • ์†”๋กœ ํ”„๋กœ์ ํŠธ ์ค€๋น„

ํˆฌ๋‘๋ฆฌ์ŠคํŠธ์— ๋‹คํฌ ๋ชจ๋“œ๋‚˜ ๋ชจ๋‹ฌ์ฐฝ๊ฐ™์ด ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ž˜ ๊ตฌํ˜„ํ–ˆ๋‹ค. ์ผ๋‹จ ๊ตฌํ˜„ํ•˜๋Š”๋ฐ ์ง‘์ค‘ํ•ด์„œ ์ฝ”๋“œ๊ฐ€ ์ข€ ๋”๋Ÿฝ๊ธด ํ•˜์ง€๋งŒ ๋ฐฐํฌ๊นŒ์ง€ ์ž˜ ์ง„ํ–‰ํ•ด์„œ ๋งŒ์กฑํ•œ๋‹ค ใ…Žใ…Ž


์ด๋Ÿฐ ๊ฑด ์•„์‰ฝ๋„ค์š”(Problem)

  • JS์Šคํ„ฐ๋””

JS๊ธฐ์ดˆ๋ฅผ ๋‹ค์ง€๊ธฐ ์œ„ํ•ด์„œ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ์ง„ํ–‰ํ•˜๋Š” JS์Šคํ„ฐ๋””๋ฅผ ์‹œ๊ฐ„์— ์—ฌ์œ ๊ฐ€ ์ข€ ์žˆ์„ ๋•Œ ์‹ ์ฒญํ–ˆ์—ˆ๊ณ  9/14 ~ 10/12 ํ•œ ๋‹ฌ๊ฐ„ ์ง„ํ–‰ํ–ˆ์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์„น์…˜ 4์— ๋“ค์–ด์™€์„œ ์‹œ๊ฐ„ ์—ฌ์œ ๊ฐ€ ์—†์–ด์ ธ์„œ 3์ฃผ ์ฐจ๋ถ€ํ„ฐ๋Š” ๊ฑฐ์˜ ์ฐธ์—ฌ๋ฅผ ๋ชปํ–ˆ๋‹ค...๐Ÿฅฒ ์ž์œ ๋กญ๊ฒŒ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธํ•˜๋Š” ์Šคํ„ฐ๋””์—ฌ์„œ ๋‚˜์ค‘์— ๊ผญ ๋‹ค์‹œ ๋ณด๊ณ  ๋งŒ๋“ค์–ด๋ด์•ผ๊ฒ ๋‹ค!


์ด๋ ‡๊ฒŒ ํ•ด๋ด์š”(Try)

  1. ํ”„๋กœ์ ํŠธ refactoring โญโญโญ

์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ ์šฉ, ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€์— ํ…Œ๋งˆ ์ €์žฅ ๋“ฑ๋“ฑ ํ”„๋ฆฌ ํ”„๋กœ์ ํŠธ๋ฅผ ๋Œ€๋น„ํ•ด์„œ ์—ฌ๋Ÿฌ ๊ฐ€์ง€๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด์ž

 

 ๐ŸŽ‰ ์„น์…˜ 4๊นŒ์ง€ ๊ณ ์ƒ ๋งŽ์œผ์…จ์Šต๋‹ˆ๋‹ค๐Ÿ‘ ํ”„๋กœ์ ํŠธ๋„ ํž˜๋‚ด์„ธ์š”!!
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋™์ผ์กฐ๊ฑด (์ƒˆ์ฐฝ์—ด๋ฆผ)
'ํšŒ๊ณ ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • Pillivery - ๋ฉ”์ธ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ 
  • Section 4 solo project ํ›„๊ธฐ
  • Section 3 ํšŒ๊ณ 
  • Section 2 ํšŒ๊ณ ๐Ÿฅณ
imKion
imKion
Front-end Developer
  • imKion
    Kion
    imKion
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (46)
      • ๋ฌธ์ œ ํ•ด๊ฒฐ (6)
        • ๋ฆฌํŒฉํ„ฐ๋ง (3)
      • ํšŒ๊ณ  (8)
      • ๊ฐœ๋…์ •๋ฆฌ (29)
        • JavaScript (10)
        • React (9)
        • Next.JS (2)
        • WEB (5)
        • CS ์™ธ (2)
      • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (2)
        • ์ฝ”ํ”Œ๋ฆฟ (1)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    til
    OOP
    ์ฝ”๋“œ์Šคํ…Œ์ด์ธ 
    JavaScript
    frontend
    typeScript
    react 18
    ํ”„๋ก ํŠธ์—”๋“œ
    REACT
    ํšŒ๊ณ 
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.2
imKion
์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE Section 4 ํšŒ๊ณ 
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”