์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 

ํด๋ฆฐ์ฝ”๋“œ ์ฐ๋จน

์‰ฌ์šด ์˜ˆ์‹œ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ํด๋ฆฐ์ฝ”๋“œ ํ•ต์‹ฌ์›๋ฆฌ๋ฅผ ์•Œ๋ ค์ค๋‹ˆ๋‹ค

์ž…๋ฌธ์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[ํ”„๋ก ํŠธ์—”๋“œ, ๊ฐœ๋ฐœ ยท ํ”„๋กœ๊ทธ๋ž˜๋ฐ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • Clean Code ํ•ต์‹ฌ ์‹ฌํ™”ํ•™์Šต

  • ์‹ค๋ฌด์— ์ ์šฉํ• ์ˆ˜ ์žˆ๋Š” Clean Code ์ž‘์„ฑ๋ฒ•

36๋ถ„์ด๋ฉด ํด๋ฆฐ์ฝ”๋“œ ๋ง›๋ณด๊ธฐ๊ฐ€ ๋!
์˜ˆ์‹œ ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ํ•ต์‹ฌ๋งŒ ๋ฐฐ์›Œ๋ณด์„ธ์š” ๐Ÿงผ

์ด๋ฏธ์ง€ ์ถœ์ฒ˜: itech-progress

ํด๋ฆฐ์ฝ”๋“œ ํ•ต์‹ฌ ์›๋ฆฌ ์ง‘์ค‘ ๊ณต๋žต ๐Ÿ“–

ํŒ€ ๊ตฌ์„ฑ์› ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ๋ฅผ ํด๋ฆฐ์ฝ”๋“œ๋ผ๊ณ  ํ•˜์ฃ . ํ•˜์ง€๋งŒ ๊ฐ€๋…์„ฑ ์ข‹์€ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฑด ์ƒ๊ฐ๋ณด๋‹ค ์‰ฝ์ง€ ์•Š์•„์š”. ์ €๋Š” ํด๋ฆฐ์ฝ”๋“œ ๊ด€๋ จ ์ฑ… ๋‚ด์šฉ์„ ์‹ค์ œ ์ฝ”๋”ฉ์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ๊ฐ•์˜๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ์Šต๋‹ˆ๋‹ค.

ํด๋ฆฐ์ฝ”๋“œ ์›๋ฆฌ๋ฅผ ์™„์ „ํžˆ ์ฒด๋“ํ•  ์ˆ˜ ์žˆ๋„๋ก ์˜ˆ์ œ์™€ ์‹ฌํ™” ์„ค๋ช…์„ ๋ณด์ถฉํ•ด์„œ ๊ฐ•์˜๋ฅผ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ•์˜๋ฅผ ๋ณด๋ฉด์„œ 36๋ถ„ ๋งŒ์— ํด๋ฆฐ์ฝ”๋“œ์˜ ํ•ต์‹ฌ ์›๋ฆฌ๋ฅผ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์–ด์š”.

์ค‘์š”๋„๊ฐ€ ๋†’๊ณ  ์‹ค๋ฌด์—์„œ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š”
ํ•ต์‹ฌ ๋‚ด์šฉ
๋งŒ ์ „๋‹ฌ

ํด๋ฆฐ์ฝ”๋“œ ์†์˜ ์›๋ฆฌ์™€ ์ฒ ํ•™๊นŒ์ง€
์ƒ๊ฐํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ๊นŠ์€ ๊ตฌ์„ฑ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์˜ˆ์‹œ๋ฅผ ํ†ตํ•ด
์‰ฝ๊ฒŒ ํด๋ฆฐ์ฝ”๋“œ ์„ค๋ช…

์ฝ”๋“œ์˜ ๊ธฐ๋ณธ์ธ ๋ณ€์ˆ˜/ํ•จ์ˆ˜๋ฅผ
์ค‘์‹ฌ์œผ๋กœ ๊ธฐ๋ณธ๊ธฐ ๋‹ค์ง€๊ธฐ


์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœํ•ด์š” ๐Ÿ™‹โ€โ™€๏ธ

๐Ÿผ

์ด์ œ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•œ
ํด๋ฆฐ์ฝ”๋” ์ง€๋ง์ƒ

โ›๏ธ

ํด๋ฆฐ์ฝ”๋“œ๋ฅผ ์ œ๋Œ€๋กœ
์ดํ•ดํ•˜๊ณ  ์‹ถ์€ ๊ฐœ๋ฐœ์ž


ํ•™์Šต ๋‚ด์šฉ ๐Ÿ“š

1. ๋ณ€์ˆ˜

  • ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์˜ ๊ธฐ๋ณธ
  • ์˜๋„๋ฅผ ๋ช…ํ™•ํžˆ ๋ฐํ˜€๋ผ
  • Magic Number
  • Hard Coded Value

2. ํ•จ์ˆ˜

  • ํ•จ์ˆ˜๋ฅผ ์ž˜ ๋งŒ๋“ ๋‹ค๋Š” ๊ฒƒ์€?
  • Pure Function
  • No Side-effect
  • ํ•œ ๊ฐ€์ง€์˜ ์ผ๋งŒ ํ•ด์•ผ ํ•œ๋‹ค

๐Ÿ“ข ์ˆ˜๊ฐ• ์ „ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”.

  • ํ•™์Šต ์ž๋ฃŒ๋Š” ๊ฐ•์˜๋งˆ๋‹ค PDF ํŒŒ์ผ๋กœ ์ฒจ๋ถ€๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์Œ๋Ÿ‰์ด ์กฐ๊ธˆ ์ž‘๊ฒŒ ๋А๊ปด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณผ๋ฅจ์„ ์กฐ๊ธˆ ๋†’์—ฌ์„œ ์ˆ˜๊ฐ•ํ•ด์ฃผ์„ธ์š”.
    • ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ์Œ๋Ÿ‰์„ ๋ฏธ๋ฆฌ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

์˜ˆ์ƒ ์งˆ๋ฌธ Q&A ๐Ÿ’ฌ

Q. ํด๋ฆฐ์ฝ”๋“œ ์™œ ๋ฐฐ์›Œ์•ผ ํ•˜๋‚˜์š”?

๊ฐ™์ด ์ผํ•˜๊ณ  ์‹ถ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ๋‹ค๋ฉด ๋ฐฐ์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํด๋ฆฐ์ฝ”๋“œ๋ฅผ ๋ฐฐ์šฐ๋ฉด ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ณ  ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์‰ฌ์šด ์ฝ”๋“œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Q. Typescript / Javascript ์ง€์‹์ด ํ•„์š”ํ• ๊นŒ์š”?

๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋“ค์—๋„ ์žˆ๋Š” ๋ณ€์ˆ˜/ํ•จ์ˆ˜์— ๋Œ€ํ•œ ๊ธฐ๋ณธ์ ์ธ ๋‚ด์šฉ์ด์–ด์„œ ๊ธฐ์ดˆ์ ์ธ ์ง€์‹๋งŒ ์žˆ์–ด๋„ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜์‹œ๋Š” ๋ฐ ์–ด๋ ค์›€์ด ์—†์œผ์‹ค ๊ฑฐ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

Q. ์ด๋ฏธ ํด๋ฆฐ์ฝ”๋“œ ์ฑ…์„ ๋ดค๋Š”๋ฐ ์ด ๊ฐ•์˜๊ฐ€ ๋„์›€์ด ๋ ๊นŒ์š”?

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


์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ์งง์€ ์‹œ๊ฐ„์— ํด๋ฆฐ์ฝ”๋“œ ํ•ต์‹ฌ์„ ํŒŒ์•…ํ•˜๊ณ  ์‹ถ์œผ์‹ ๋ถ„

  • ํด๋ฆฐ์ฝ”๋“œ ์ฑ… ๋‚ด์šฉ์„ ์‹ค์ œ ๊ฐœ๋ฐœ์— ์–ด๋–ป๊ฒŒ ์ ์šฉํ• ์ง€ ๊ณ ๋ฏผ์ด์‹ ๋ถ„

์•ˆ๋…•ํ•˜์„ธ์š”
์–ด์ฉ”์ฝ”๋”ฉ์ž…๋‹ˆ๋‹ค.

1,523

๋ช…

์ˆ˜๊ฐ•์ƒ

61

๊ฐœ

์ˆ˜๊ฐ•ํ‰

5.0

์ 

๊ฐ•์˜ ํ‰์ 

3

๊ฐœ

๊ฐ•์˜

๊ตญ๋‚ด ๋Œ€ํ‘œ IT ๊ธฐ์—… *** ์—์„œ ์ผํ•˜๊ณ  ์žˆ๋Š” FE ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค
10๋…„ ๋„˜๊ฒŒ ์Œ“์•„์˜จ ๋…ธํ•˜์šฐ์™€ ์ง€์‹์„ ์‰ฝ๊ฒŒ ์ „๋‹ฌ๋“œ๋ฆฌ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

8๊ฐœ โˆ™ (36๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

๋ฌด๋ฃŒ