left-pad ์ฌ๊ฑด
๊ฐ๋ฐ์๋ค์ด ์ ์ฉํ๋ npm์ด๋ผ๋ ๊ฒ์ด ์์. node package manager์ ์ฝ์์ผ ๊ฒ์.
ํฅํ์ ์ด์ผ๊ธฐ๋ฅผ ์ดํดํ๊ธฐ ์ํด ์ผ๋จ ์ด๊ฒ ๋ญ์ง ์ค๋ช ํ๊ฒ ์.
ํ๋ก๊ทธ๋จ์ ์ฌ๋ฌ๊ฐ์ง ๊ธฐ๋ฅ์ด ๋ชจ์ฌ์ ์ด๋ค์ ธ ์์. ์นจํํ๋ฅผ ์๋ก ๋ค๋ฉด ๊ธ์ ์ ๋ ฅํ๋ ๊ธฐ๋ฅ์์๋ ๊ธ์๋ฅผ ์ ๋ ฅ๋ฐ๋ ๊ธฐ๋ฅ, ๊ธ๊ผด์ ์ ํํ๋ ๊ธฐ๋ฅ, ๊ธ์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๋ ๊ธฐ๋ฅ, ๊ธ์จ๋ฅผ ๊ตต๊ฒ ๋ง๋๋ ๊ธฐ๋ฅ, ์ด๋ฏธ์ง๋ฅผ ์ฝ์ ํ๋ ๊ธฐ๋ฅ, ๋ฑ๋ฑโฆ
์๋ง์ ๊ธฐ๋ฅ๋ค์ด ๋ชจ์ฌ์ ๊ธ์ ์ ๋ ฅํ๋ ๊ธฐ๋ฅ์ ์ํํ๊ณ , ์ด์ ๊ฐ์ ๋ฐฉ์์ผ๋ก ๊ตฌ์ฑ๋ ๊ธ์ ์ ๋ ฅํ๋ ๊ธฐ๋ฅ, ๊ธ ๋ชฉ๋ก์ ์ถ๋ ฅํ๋ ๊ธฐ๋ฅ, ๊ฒ์ํ์ ์ ํํ๋ ๊ธฐ๋ฅ ๋ฑ๋ฑ ๋ณต์กํ ๊ธฐ๋ฅ๋ค์ด ๋ ๋ชจ์ฌ์ ์นจํํ๋ฅผ ์ด๋ฃจ๊ฒ ๋๋ ๊ฒ์.
๊ฐ๋ฐ์๋ค์ด ํ๋ก๊ทธ๋จ์ ๊ฐ๋ฐํ๋ ์ ๋ฌด๋ฅผ ํ๋ค ๋ณด๋, ๋น์ทํ ๊ธฐ๋ฅ๋ค์ด ๋ฐ๋ณต์ ์ผ๋ก ๋งค ํ๋ก์ ํธ๋ง๋ค ์ฐ์ด๋ ๊ฒ์.
๊ทธ๋์ ๊ฐ๋ฐ์๋ค์ด ์๊ฐํ๊ธฐ๋ฅผ, ํ๋ก๊ทธ๋จ์ด๋ ์น์ฌ์ดํธ ๊ฐ๋ฐํ ๋๋ง๋ค ์ผ์ผํ ๊ธฐ๋ฅ์ ๋ง๋ค ํ์ ์์ด, ์ด๋ฏธ ๋ง๋ ๊ธฐ๋ฅ์ ์ฌํ์ฉํ๋ฉด ๋๊ฒ ๊ตฌ๋, ์ด๋ฏธ ๋ง๋ ๊ธฐ๋ฅ์ ์ฌํ์ฉ ํ๋ ค๋ฉด ๊ธฐ๋ฅ์ ๋ง๋ค์ด์ ์ ์ฅํด ๋๋ ๊ณณ์ด ์์ผ๋ฉด ์ข๊ฒ ๊ตฌ๋ ํ ๊ฑฐ์.
๊ทธ๋ฆฌํ์ฌ ๊ธฐ๋ฅ์ ์ ์ฅํด ๋๊ณ ๋์ค์ ๋ถ๋ฌ๋ค ์ธ ์ ์๋ ์ฌ๋ฌ ์๋น์ค๊ฐ ์๊ฒจ๋ฌ๊ณ , ๊ทธ ์ค์ npm์ด๋ผ๋ ๊ณณ๋ ์๋ ๊ฒ์.
์นดํผ๋ ํํธ๋ฅผ ์ง์งํ๋ ์๋ง์ ๊ฐ๋ฐ์๋ค์ด, ์์ ์ด ๋ง๋ ๊ธฐ๋ฅ์ ๋๊ตฌ๋ ์ธ ์ ์๊ฒ npm์ ์ ๋ก๋ ํด ๋์.
๊ทธ ๋์ ๋ ๋ ๊ฐ๋ฐ์๋๋ผ๋ ์๋ง์ ์ ๋ฐฐ ๊ต์ ๊ฐ๋ฐ์๋ค์ด ๊ฐ๋ฐํด ๋์ ํ๋ คํ๊ณ ๋ง๊ฐํ ๊ธฐ๋ฅ์ npm์์ ๊ฐ์ ธ์์ ์ฝ๊ฒ ์ฌ์ฉํ๋ฉด์ ์๊ธ๋ฃจํก์ง์ ํ ์ ์๊ฒ ๋จ. ๊ทธ๋ฌ๋ฉด์ ์๊ธฐ๋ ๋ฐ์๊ฒ ์์ผ๋๊น ๋ฒ ํ๊ณ ์ถ๊ณ , ๋ค๋ฅธ ๊ฐ๋ฐ์๋ค์๊ฒ ์๊ธฐ ์ค๋ ฅ๋ ์๋ํ๊ณ ์ถ์ผ๋๊น, ์๊ธฐ๋ ์๊ธฐ๊ฐ ๊ฐ๋ฐํ ๊ธฐ๋ฅ๋ค์ npm์ ์ ๋ก๋ ํด์ ๋ค๋ฅธ ์ด๋ค์ด ์์ ๋กญ๊ฒ ์๊ธ๋ฃจํก์ง์ ํ ์ ์๊ฒ ๋์์ฃผ๋ ค๊ณ ํจ. ์ด๋ ์ธ์ดํธ๋ฅผ ๊ฐ๋ ๊ธ์ฐ๊ธฐ ๊ธฐ๋ฅ์ด ๋น์ทํ๋ค? ๊ฐ๋ฐ์๊ฐ npm ๊ฐ์๋ฐ์ ๊ธ์ฐ๊ธฐ ๊ธฐ๋ฅ์ ๊ฐ์ ธ์์ ์๊ธฐ ์ฝ๋์ ๊ปด๋ฃ์ ๊ฑฐ๋ผ๊ณ ์๊ฐํ๋ฉด ๋จ. โ๋ฐํด๋ฅผ ๋ฐ๋ช ํ๋ ค๊ณ ํ์ง ๋ง๋ผโ๋ ๊ฐ๋ฐ์๋ค ์ฌ์ด์์ ์ ๋ช ํ ๊ฒฉ์ธ์. ์ด๋ฏธ ์๋๊ฑธ ์ ์ฒจ๋ถํฐ ๊ฐ๋ฐํ๊ณ ์์ด. ๊ทธ ์๊ฐ์ ๋ ์ฐฝ์์ ์ด๊ณ ์ ๋ฐํ๊ณ ๊ธฐ์กด์ ์๋ ๋ฌด์ธ๊ฐ๋ฅผ ์๊ฐํด์ผ์ง. ๊ฐ๋ฐ์๋ค์ ์ ๋ ๊ฑฐ์ธ ๊ฐ๋ฐ์๋ค์ ์ด๊นจ ์์ ์ฌ๋ผํ์ ๋์ ๋ณด๊ณ ์๊ณ , ํ๋ ๊ฐ๋ฐ์๋ค์ ์ง๊ธ ๊ฐ๋ฐ์๋ค ์ด๊นจ ์์ ์ฌ๋ผํ์ ๋์ ๋ณด๋ ๊ตฌ์กฐ์.
๊ทธ๋ฌํ ๊ฐ๋ฐ์ ์ค์ ์์ ์ฝ์ถ๋ฃจ ๋ผ๋ ์ฌ๋์ด ์์์. ์ด ์ฌ๋๋ ์๊ธฐ๊ฐ ๋ง๋ ์๋ง์ ๊ธฐ๋ฅ์ npm์ ์ฌ๋ ค๋์์.
๊ทธ ์ค์ kik์ด๋ผ๋ ์ด๋ฆ์ ๋ถ์ธ ํจํค์ง๋ ์์์. ๊ทธ๋ฐ๋ฐ Kik์ด๋ผ๋ ํ์ฌ์์ ์ด ์ฌ๋์๊ฒ ์ด๋ฉ์ผ์ ๋ณด๋ด์, โkikโ์ ๋ํ ์ํ๊ถ์ ์์ ๋ค์ด ๊ฐ์ง๊ณ ์์ผ๋ ์ฝ์ถ๋ฃจ๊ฐ ๋ง๋ kik์ ์ด๋ฆ์ ๋ฐ๊ฟ๋ฌ๋ผ๊ณ ์์ฒญํจ. ์ฝ์ถ๋ฃจ๊ฐ ์ด๋ฅผ ๊ฑฐ์ ํ์ Kikํ์ฌ๋ ์ฝ์ถ๋ฃจํํ ๋ฒ์ ์กฐ์น ํ ๊ฑฐ๋ผ๊ณ ์ข ๋ ๊ฐ๊ฒฝํ๊ฒ ํ๋ฐํ์. ์ฝ์ถ๋ฃจ๋ ํ๋ฐํ๋๊ฒ ์๋๊ผฌ์์ ๋ ์๋ค์ด ์ค.
๊ทธ๋ฌ์ Kikํ์ฌ๋ npm์ธก์๋ค๊ฐ ์๊ธฐํด์ โkikโ์ด๋ฆ์ ๋ํ ์์ ๊ถ์ ๋๊ฒจ๋ฐ์. npm์์ ์กฐ์นํ๊ฑฐ๋ผ ์ฝ์ถ๋ฃจ๋ ์ ์ ๋ก ์๊ธฐ ํจํค์ง ์ด๋ฆ์ ๋บ๊ธด๊ฑฐ์. ์ฝ์ถ๋ฃจ๋ ๊ฐ๋นก์ณ์ ์๊ธฐ๊ฐ ๊ทธ๋์ npm์ ๊ณต๊ฐํ๋ ๋ชจ๋ ์์ค๋ฅผ ๋ค ์ญ์ ํด๋ฒ๋ฆผ. โใ ใ ๋๋ฌ์์ ๋ ์์ผ๋ก npm ์ํด!โ ์ด๋ฐ๊ฑฐ์ง.
๊ทธ๋ฆฌ๊ณ ์ธ๊ณ๋ ๋ฉธ๋งํ๋ค
๋๋ฆฌ๊ฐ ๋ฌ์.
์ฝ์ถ๋ฃจ๊ฐ ๊ฐ๋ฐํด์ ์ฌ๋ ค๋์ ํจํค์ง ์ค์ โleft-padโ ๋ผ๋๊ฒ ์์์. 11์ค๋ก ์ฐ์ฌ์ง ๊ฐ๋จํ ์ฝ๋์์.
๊ทธ๋ฐ๋ฐ ๋ค๋ฅธ ๊ฐ๋ฐ์๊ฐ ์ ์ํ โline-numbersโ๋ผ๋ ํจํค์ง๊ฐ ์ด โleft-padโ๋ฅผ ์ฐ๊ณ ์์๊ณ ,
์ด โline-numbersโ ๋ผ๋ ํจํค์ง๋ โbabelโ์ด๋ผ๋ ํจํค์ง๊ฐ ์ฐ๊ณ ์์์.
๊ทธ๋ฐ๋ฐ left-pad๊ฐ npm์์ ์ญ์ ๋์ left-pad๋ฅผ ์ฌ์ฉํ๋ line-numbers๊ฐ ์ค์น๋ถ๊ฐ๊ฐ ๋๊ณ ,
line-numbers๊ฐ ์ค์น ๋ถ๊ฐ๊ฐ ๋์ line-numbers๋ฅผ ์ฌ์ฉํ๋ babel์ด ์ค์น๊ฐ ๋ถ๊ฐ๋ฅํด์ง.
โbabelโ ํจํค์ง๋ ์ธ๊ธฐ ํจํค์ง์์.
ํ์ด์ค๋ถ, ์คํฌํฐํ์ด ๋ฑ ์ ๋ช ํ IT๊ธฐ์ ์ ๊ฐ๋ฐ์๋ถํฐ 1์ธ๊ฐ๋ฐ์์ ์ด๋ฅด๊ธฐ๊น์ง ์ ์ธ๊ณ ์๋ง์ ๊ฐ๋ฐ์๋ค์ด babel์ ์ฐ๊ณ ์์์.
left-pad๊ฐ ์ญ์ ๋๋๊น ์ ์ธ๊ณ ์๋ง์ ๊ฐ๋ฐ์๋ค์ ์ ๋ฌด๊ฐ ๋ง๋น๊ฐ ๋์ด๋ฒ๋ฆฐ ๊ฑฐ์.
์๋ง์ ๊ฐ๋ฐ์๋ค์ด ์ด๊ฒ ์ ๊ฐ์๊ธฐ ์๋๋์ง ์์ธ์ ์ฐพ๊ธฐ ์์ํ๊ณ ,
โ์ด? left-pad๊ฐ ์์ด์ ์๋๋ ๊ฑฐ๋ค?โ
โ์๋ ์ ๊ฐ์๊ธฐ left-pad๋ฅผ ์ง์ด๊ฑฐ๋?โ
์ด๋ฐ ์์ผ๋ก left-pad ์ฌ๊ฑด์ด ์ ์ธ๊ณ์ ์๋ ค์ง๊ฒ ๋จ.
babel ๊ฐ๋ฐ์ง์ line-numbers๋ฅผ ๋ถ๋ฌ ์ฐ๋ ๋ถ๋ถ์ ์ง์ฐ๊ณ ๊ทธ ๋ถ๋ถ์ ์ง์ ๊ฐ๋ฐํ๋๋ผ ์๊ธ๋ฃจํก์ ์คํจํจ.
์ดํ๋ก npm์ ๊ณต๊ฐ๋์ง 24์๊ฐ ์ง๋ ํ๋ก์ ํธ๋ ์์ ์๊ฐ ๋ง๋๋ก ์ญ์ ๋ชปํ๊ฒ ์ ์ฑ ์ ๋ณ๊ฒฝํ์.
๋ด๊ฐ ๋ง๋ ์ฝ๋๋ฅผ ์ ์ธ๊ณ๊ฐ ๋ฌด๋ฃ๋ก ์ฐ๊ฒ ํด์ ์ธ์์ ๊ธฐ์ฌํ๋ ๊ฒ์ ์ฐธ ๋ฉ์ง ์ผ์ธ ๊ฒ ๊ฐ์.

