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

๊ฒฌ๊ณ ํ•œ JS ์†Œํ”„ํŠธ์›จ์–ด ๋งŒ๋“ค๊ธฐ

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

Thumbnail

์ค‘๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[TDD, jasmine] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ
๋ฐฐ์›Œ์š”!

  • ํ…Œ์ŠคํŠธ ์ฃผ๋„ ๊ฐœ๋ฐœ(TDD) ๋ฐฉ๋ฒ•๋ก 

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ชจ๋“ˆ ํŒจํ„ด

  • ๋‹จ์ผ ์ฑ…์ž„ ์›์น™์„ ์ ์šฉํ•œ ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง

  • DOM ์กฐ์ž‘ ๋ฐ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์˜ ํ…Œ์ŠคํŠธ ๋ฐ ์œ ์ง€๋ณด์ˆ˜

์ข‹์€ ์ฝ”๋“œ๋ฅผ ์•Œ๋ฉด,
์ข‹์€ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์š”.

๊ฒฌ๊ณ ํ•œ ์†Œํ”„ํŠธ์›จ์–ด ๋งŒ๋“ค๊ธฐ

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


์ด ๊ฐ•์˜์˜ ํŠน๋ณ„ํ•œ ์  โœจ

  • ํ…Œ์ŠคํŠธ์ฃผ๋„ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์œผ๋กœ ๊ฒฌ๊ณ ํ•œ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ์ฝ”๋”ฉํ•  ์ˆ˜ ์žˆ์–ด์š”.
  • ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™ ์›์น™๊ณผ ๋””์ž์ธ ํŒจํ„ด์„ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์–ด์š”.

๋จผ์ € ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์„ฑ๊ณผ ์™œ TDD(ํ…Œ์ŠคํŠธ ์ฃผ๋„ ๊ฐœ๋ฐœ) ๊ฐ€ ํ•„์š”ํ•œ์ง€์— ๋Œ€ํ•ด ์งš์–ด ๋ด…๋‹ˆ๋‹ค. ์‹ค๋ฌด์—์„œ ํ”ํžˆ ์‚ฌ์šฉ๋˜๋Š” ์ฝ”๋“œ ์˜ˆ์ œ๋กœ ์ง„ํ–‰ํ•˜๋Š”๋ฐ์š”. ์ฝ”๋“œ์˜ ๋ฌธ์ œ์ ์„ ํ•จ๊ป˜ ์ง„๋‹จํ•ด ๋ณด๊ณ  ๋‹จ๊ณ„์ ์œผ๋กœ ๊ฐœ์„ ํ•ด ๋‚˜๊ฐ€๋Š” ๊ณผ์ •์„ ํ•จ๊ป˜ ํ•  ๊ฑฐ์—์š”. ๊ทธ๋ฆฌ๊ณ ๋‚˜์„œ TDD์™€ ๋””์ž์ธ ํŒจํ„ด์— ๋Œ€ํ•œ ์ด๋ก ์„ ์‚ดํŽด๋ณด๊ตฌ์š”. ์ด๋ฅผ ๋ฆฌํŒฉํ† ๋ง์— ์ ์šฉํ•ด ๋ณด๋ฉด์„œ ๊ฒฐ๊ตญ์—๋Š” ์ข‹์€ ํ’ˆ์งˆ์˜ ์ฝ”๋“œ๋ฅผ ๋งŒ๋“ค์–ด ๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐ ๊ฐ•์˜๋Š” 10๋ถ„ ๋ฏธ๋งŒ์œผ๋กœ ์งง์•„์„œ ์–ธ์ œ๋ผ๋„ ๋‹ค์‹œ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜์ƒ ์ค‘๊ฐ„์— ์ค€๋น„ํ•œ ๋ธŒ๋žœ์น˜๋“ค์€ ์‹ค์Šตํ•˜์ง€ ๋ชปํ•œ ๋ถ„๋“ค์„ ์œ„ํ•œ ์ž‘์€ ๋ฐฐ๋ ค์ž…๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€๋งŒ ์ง์ ‘ ํ•œ ๋•€ ํ•œ ๋•€ ์ฝ”๋”ฉํ•˜๋ฉด์„œ ์ˆ˜์—…์— ์ฐธ์—ฌํ•˜์‹œ๋Š” ๊ฒƒ์„ ์ ๊ทน ๊ถŒํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.


์ด๋Ÿฐ ๋ถ„๋“ค์ด ๋“ค์œผ๋ฉด ์ข‹์•„์š”!

โ€œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ•์€ ์•„๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ๊ฐœ๋ฐœํ•ด์•ผ ํ• ์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์š”โ€

โ€œTDD๋Š” ๋“ค์–ด๋ดค๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ํ•˜๋Š” ๊ฑด์ง€ ๊ถ๊ธˆํ•ด์š”"

โ€œ์š”๊ตฌ์‚ฌํ•ญ์ด ๋ณ€๊ฒฝ๋˜๋”๋ผ๋„ ์ฝ”๋“œ๋Š” ์กฐ๊ธˆ๋งŒ ์ˆ˜์ •ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ์–ด์š”"

๐Ÿ”น ๋ฏธ๋ฆฌ ๋ณด๋Š” ํ•™์Šต ํ™˜๊ฒฝ

  • ํŽธ์ง‘๊ธฐ: VS Code
  • ์ฝ”๋“œ ์ €์žฅ์†Œ: Github
  • ๋ธŒ๋ผ์šฐ์ €: Chrome
  • ํ…Œ์Šคํ”„ ํ”„๋ ˆ์ž„์›: Jasmine

์ €๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค ๐Ÿง‘โ€๐Ÿซ

๊น€์ •ํ™˜

์›น ๊ธฐ์ˆ ์„ ํ•™์Šตํ•˜๊ณ  ์ •๋ฆฌํ•˜๋Š” ๊ฑธ ์ข‹์•„ํ•˜๋Š” ์‹ค๋ฌด ๊ฐœ๋ฐœ์ž
์›น ๊ธฐ์ˆ  ๋ฐ ๊ฐœ๋ฐœ์ž๋กœ์„œ์˜ ์ƒ๊ฐ์„ ๋‹ด์€ ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•˜๊ณ  ์žˆ์–ด์š”.

ํ•™์Šตํ•œ ๊ธฐ์ˆ ๊ณผ ์‹ค๋ฌด์—์„œ ๋ฐฐ์šด ๋…ธํ•˜์šฐ๋ฅผ ๋ชจ์•„ ๋ฐœํ‘œ๋‚˜ ๊ฐ•์˜ ํ˜•์‹์œผ๋กœ ๊ณต์œ ํ•˜๋Š” ํ™œ๋™๋„ ํ•˜๊ณ  ์žˆ์–ด์š”.

์šฐ์•„ํ•œํ˜•์ œ๋“ค์—์„œ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๊ณ  ์žˆ์–ด์š”.

๋ฆฌ์•กํŠธ ๊ธฐ์ˆ ๊ณผ ๊ด€๋ จ๋œ ์ปจํ…์ธ ๋„ ์ž‘์„ฑํ–ˆ์–ด์š”.

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

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

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ดˆ๋ณด์ž

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋ฐœ์ž

  • ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

  • ์†Œํ”„ํŠธ์›จ์–ด ํ’ˆ์งˆ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ

  • ํ…Œ์ŠคํŠธ ์ฃผ๋„ ๊ฐœ๋ฐœ์— ๊ด€์‹ฌ ์žˆ๋Š” ์‚ฌ๋žŒ

์•ˆ๋…•ํ•˜์„ธ์š”
๊น€์ •ํ™˜์ž…๋‹ˆ๋‹ค.

13,161

๋ช…

์ˆ˜๊ฐ•์ƒ

813

๊ฐœ

์ˆ˜๊ฐ•ํ‰

580

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

9

๊ฐœ

๊ฐ•์˜

๐Ÿ‘‹๐Ÿผ ์•ˆ๋…•ํ•˜์„ธ์š” ์ธํ”„๋Ÿฐ์—์„œ ๊ฐ•์˜ํ•˜๋Š” ๊น€์ •ํ™˜์ž…๋‹ˆ๋‹ค.

์ˆ˜์—… ์ค‘ ๊ถ๊ธˆํ•œ ์‚ฌํ•ญ์€ ์งˆ๋ฌธ ์‚ฌํ•ญ์— ์˜ฌ๋ ค์ฃผ์„ธ์š”.
๋งค์ผ ํ•œ ๋ฒˆ์”ฉ ํ™•์ธํ•˜๊ณ  ๋‹ต๋ณ€ ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

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

์ „์ฒด

19๊ฐœ โˆ™ (1์‹œ๊ฐ„ 11๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

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

โ‚ฉ27,500