๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Front-End

Refactoring(๋ฆฌํŒฉํ† ๋ง)

by ์ฝ”๋”ฉํ•˜๋Š” ๋ถ•์–ด 2021. 11. 21.
๋ฐ˜์‘ํ˜•

๐Ÿ—ป Refactoring(๋ฆฌํŒฉํ† ๋ง)์ด๋ž€?

์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™์—์„œ '๊ฒฐ๊ณผ์˜ ๋ณ€๊ฒฝ ์—†์ด ์ฝ”๋“œ์˜ ๊ตฌ์กฐ๋ฅผ ์žฌ์กฐ์ •ํ•จ'์„ ๋œปํ•œ๋‹ค.

๋‹ค์‹œ ๋งํ•ด ์ฝ๊ธฐ ์ข‹๊ณ  ๊ด€๋ฆฌํ•˜๊ธฐ ํŽธํ•˜๊ฒŒ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. (์„ฑ๋Šฅ ์ตœ์ ํ™”๋ž‘์€ ๋‹ค๋ฅด๋‹ค!)



๐Ÿ—ป ๋ฆฌํŒฉํ† ๋ง์˜ ์›๋ฆฌ ๋ฐ ๋ชฉ์ 

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



๐Ÿ—ป ๋ฆฌํŒฉํ† ๋ง์˜ ์žฅ์ 

  • ์ฝ”๋“œ ์ค‘๋ณต์„ ์—†์•  ๊ฐ€๋…์„ฑ์„ ๋†’์ด๊ณ  ์œ ์ง€๋ณด์ˆ˜๋ฅผ ํŽธํ•˜๊ฒŒ ํ•œ๋‹ค.
  • ๋ฒ„๊ทธ๋ฅผ ์ฐพ๋Š” ๋ฐ ๋„์›€์„ ์ค€๋‹ค.
  • ๋””์ž์ธ์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ค€๋‹ค.
  • ์ƒ์‚ฐ์„ฑ์„ ์ฆ๊ฐ€์‹œํ‚จ๋‹ค.

๋ณธ์ธ์€ ๊ทธ๋™์•ˆ ๋“ค์—ฌ์“ฐ๊ธฐ ์Šต๊ด€์„ ๋“ค์ด๊ธฐ ์œ„ํ•ด ๋ฆฌํŒฉํ† ๋ง์„ ์ˆ˜์ž‘์—…ํ–ˆ๋Š”๋ฐ... ์ตœ๊ทผ์— VSC์˜ prettier ๊ธฐ๋Šฅ์œผ๋กœ ๋ฆฌํŒฉํ† ๋ง์„ ์ง„ํ–‰ํ•ด๋ณด์•˜๋‹ค. ์™„์ „ ์‹ ์„ธ๊ณ„ ๊ทธ์ž์ฒด. ~~๋“œ๋ฃจ์™€๋“œ๋ฃจ์™€~~



๐Ÿ—ป ๋ฆฌํŒฉํ† ๋ง์€ ์–ธ์ œ ํ• ๊นŒ?

โญ ์œ ์‚ฌํ•œ ๋‚ด์šฉ์ด 3๋ฒˆ ์ด์ƒ ๋ฐ˜๋ณตํ•  ๋•Œ (3์˜ ๊ทœ์น™)

๋ฌด์กฐ๊ฑด ํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๊ณ  ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋ฆฌํŒฉํ† ๋ง์„ ๊ฒฐ์ •ํ•œ๋‹ค.

โญ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ๋•Œ

์ง€๊ธˆ ์ž‘์„ฑ๋œ ์ฝ”๋“œ๊ฐ€ ๋„ˆ๋ฌด ๋ณต์žกํ•ด์„œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์—†์„ ๋•Œ, ๋ฆฌํŒฉํ† ๋ง์„ ์ง„ํ–‰ํ•œ๋‹ค.

โญ ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ•  ๋•Œ

๋ฆฌํŒฉํ† ๋ง ํ›„์— ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ•˜๋ฉด ์ฝ”๋“œ๋ฆฌ๋ทฐ์˜ ์งˆ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋‹ค.



๐Ÿ—ป ์–ธ์ œ ๋ฆฌํŒฉํ† ๋ง์„ ํ•˜์ง€ ๋ง์•„์•ผ ํ• ๊นŒ?

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

'Front-End' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

์‹œ๋งจํ‹ฑ ์›น(Semantic Web)์ด๋ž€?  (0) 2021.11.24
Frontend Framework(Library)  (0) 2021.11.21
์ธ์ฆ(Authentication)  (0) 2021.11.18
์ธ๊ฐ€(Authorization)  (0) 2021.11.18
Self Refactoring Tip  (0) 2021.11.17

๋Œ“๊ธ€