[20/10/21] - TIL | ESlint

NOWANDHEREยท2020๋…„ 10์›” 21์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
32/53
post-thumbnail

10์›” 21์ผ (์ˆ˜)

๐ŸŒป eslint-config-airbnb is awesome ! ft. thank you for myPair

์˜ค๋Š˜ ํ•œ ์ผ

  • ์ด๋จธ์‹œ๋ธŒ ์ฝ”์Šค ์ฒซ ๊ณผ์ œ ์™„๋ฃŒ : Koans, Hiring Assessments ๋ฆฌํŒฉํ† ๋ง with Linting
    • HA ๋•Œ ํ’€์—ˆ๋˜ 7๋ฌธ์ œ๋ฅผ node.js ํ™˜๊ฒฝ์—์„œ linter๋ฅผ ํ†ตํ•ด ๋ฌธ๋ฒ•๊ณผ ์ฝ”๋”ฉ ์Šคํƒ€์ผ์„ ์ ๊ฒ€ํ•˜๋ฉฐ ํŽ˜์–ด์™€ ํ•จ๊ป˜ ํ•ด๊ฒฐํ–ˆ๋‹ค. linting์— ๋Œ€ํ•ด ๋ฐฐ์› ๊ณ , ์™œ ํ•„์š”ํ•œ์ง€์— ๋Œ€ํ•ด์„œ๋„ ์•Œ๊ฒŒ ๋๋‹ค.
    • ESlint, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์—ฌ๋Ÿฌ ์ตœ์‹  ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.
      • ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น(Destructing assignment), ์ „๊ฐœ ์—ฐ์‚ฐ์ž(Spread operator)์™€ ๋‚˜๋จธ์ง€ ํŒŒ๋ผ๋ฏธํ„ฐ(Rest parameters), Template literals, Arrow Functions, for ... of ๋ฐ˜๋ณต๋ฌธ ๋“ฑ

๋Š๋‚€ ์ 

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

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

  • ํ•˜๋ฃจ ํ•˜๋ฃจ๊ฐ€ ์•Œ์ฐจ๋‹ค. ์Šฌ๋ž™ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ์ •๋ง ์ข‹์€ ๊ฒƒ๋“ค์„ ์˜ฌ๋ ค์ฃผ์‹œ๋Š” ๋ถ„๋“ค์ด ๋งŽ๊ณ  ๊ทธ ๋ถ„๋“ค์—๊ฒŒ ๋„ˆ๋ฌด ๋„ˆ๋ฌด ๊ณ ๋งˆ์šด๋ฐ ๋‚˜๋„ ์ข‹์€๊ฑฐ ์ฐพ์œผ๋ฉด ๋ฐ”๋กœ ๊ณต์œ ํ•˜๊ณ  ์‹ถ๋‹ค.


๋‚ด์ผ ํ•  ์ผ

  • ํŽ˜์–ด์™€์˜ ์•„์‰ฌ์šด ์ด๋ณ„
  • ์ƒˆ๋กœ์šด ํŽ˜์–ด ๋ถ„๊ณผ์˜ ๋งŒ๋‚จ
  • Data Structure : Stack, Queue ํ•™์Šต ๋ฐ ๊ตฌํ˜„

profile
๐ŸŒป

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