๋ชฉ๋กmodule (1)

๐ŸŒฑ → ๐ŸŒณ

[JavaScript] JS์—์„œ Module ์‚ฌ์šฉํ•˜๊ธฐ

๐Ÿ“ Code Refactoring : ํ”„๋กœ๊ทธ๋žจ์˜ ๋™์ž‘์€ ๋ณ€ํ•˜์ง€ ์•Š๊ณ , ํ”„๋กœ๊ทธ๋žจ์˜ ๋‚ด๋ถ€ ๊ตฌ์กฐ๋ฅผ ๊ฐœ์„  ํ•˜๋Š” ๊ฒƒ! ์›์‹œ ๊ธฐ์ˆ  -> ์ƒˆ๋กœ์šด ๊ธฐ์ˆ  ์ฝ”๋“œ ๋น„ํšจ์œจ -> ํšจ์œจ(๋ฐ˜๋ณต๋ฌธ ์ค„์ด๊ธฐ, ์ค‘๋ณต ๊ธฐ๋Šฅ ์ œ๊ฑฐ, ๋ฉ”๋ชจ๋ฆฌ ํšจ์œจ ์ฆ๋Œ€) ์ฝ”๋“œ ๊ฐ€๋…์„ฑ ๋†’์ด๊ธฐ ์ฝ”๋“œ์˜ ํ™•์žฅ์„ฑ ๋†’์ด๊ธฐ ๐Ÿ“Œ JS์—์„œ Module ์‚ฌ์šฉํ•˜๊ธฐ JS ๋„ Module ์„ ์ง€์›ํ•จ ๐Ÿ“ 2๊ฐ€์ง€ ๋ฐฉ์‹ CommonJS ๋ฐฉ์‹ ES6 ๋ฐฉ์‹ โœ… CommonJS ๋ฐฉ์‹ node.js์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋“ˆ ๋ฐฉ์‹ ํ‚ค์›Œ๋“œ : require/ exports require๋กœ ๋ชจ๋“ˆ์„ ๋ถˆ๋Ÿฌ ์˜ฌ ๋•Œ, ์ฝ”๋“œ ์–ด๋Š ๊ณณ์—์„œ๋‚˜ ๋ถˆ๋Ÿฌ ์˜ฌ ์ˆ˜ ์žˆ์Œ โœ”๏ธ ์ „์ฒด ๋ชจ๋“ˆ๋กœ์จ ๋‚ด๋ณด๋‚ด๊ณ , ์ „์ฒด๋ฅผ ํ•˜๋‚˜์˜ Obj๋กœ ๋ฐ›์•„์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• animals.js // @ts-check const animals = ['dog', ..

Client/Javascript 2022. 8. 29. 18:37