[Gulp] ์‹œ์ž‘ํ•˜๊ธฐ
ยท
๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ปSTUDY/Gulp
gulp ๋นŒ๋“œ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•ด ์ž‘์—…ํ•˜๋Š” ์ค‘์— ์Šค์Šค๋กœ ์„ธํŒ… ์ž‘์—…์„ ์‹œ์ž‘ํ•ด๋ณด๋Š”๊ฒŒ ์ข‹์„ ๊ฒƒ ๊ฐ™์•„ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.์ƒ๊ฐ๋ณด๋‹ค ์„ธํŒ…ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ์ข€ ๊ฑธ๋ ธ๋‹ค๐Ÿ˜‚ ๊ทธ๋ž˜๋„ gulp์— ๋Œ€ํ•ด์„œ ๊นŠ๊ฒŒ ์•Œ์•„๋ณด๋Š” ์‹œ๊ฐ„์ด ๋˜์—ˆ๋‹ค. Gulp ๋ž€nodejs์™€ npm ๊ธฐ๋ฐ˜์˜ ์›น ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํ”„๋กœ์„ธ์Šค ์ž๋™ํ™” ๋„๊ตฌ ์ค‘ ํ•˜๋‚˜์ด๋‹ค.์ฃผ๋กœ ํผ๋ธ”๋ฆฌ์‹ฑ ์ž‘์—…์— ์‚ฌ์šฉ๋˜๋ฉฐ HTML, CSS, JavaScript ํŒŒ์ผ์„ ์ž๋™์œผ๋กœ ์ปดํŒŒ์ผํ•˜๊ฑฐ๋‚˜ ์ตœ์ ํ™”ํ•˜๊ณ , ํŒŒ์ผ ๋ณ€๊ฒฝ์„ ๊ฐ์ง€ํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ƒˆ๋กœ๊ณ ์นจํ•˜๊ฑฐ๋‚˜ ๋ผ์ด๋ธŒ ๋ฆฌ๋กœ๋“œ๋ฅผ ์ œ๊ณตํ•œ๋‹ค. gulp๋Š” *stream(์ŠคํŠธ๋ฆผ)๊ธฐ๋ฐ˜์˜ build system ์ด๋‹ค.๋˜ํ•œ node.js์™€ gulp์˜ ํŠน์ง•์ธ ์ด๋ฒคํŠธ ๋ฃจํ”„์™€ *๋น„๋™๊ธฐI/O๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ gulp๊ฐ€ ์ž‘์—…(task)์„ ์ฒ˜๋ฆฌํ•œ๋‹ค. *stream์ด๋ž€?- ๋ฐ์ดํ„ฐ๋ฅผ '์กฐ๊ฐ๋‹จ์œ„' ๋กœ ์ฒ˜๋ฆฌ..