- ๊ธฐ๋ณธ์ ์ผ๋ก require์ import๋ฅผ ๋ชจ๋ ํค์๋์ด๋ค. ์ธ๋ถ ํ์ผ์ด๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ถ๋ฌ์ฌ ๋ ์ฌ์ฉํ๋ค.
- require๋ Node.js์์ ์ฌ์ฉ๋๊ณ ์๋
CommonJs
๋ชจ๋ ํค์๋์ด๊ณ , import๋ES6
์์ ์๋ก ๋์ ๋ ๋ชจ๋ ํค์๋์ด๋ค. - ๋ ๋ค ๋ค๋ฅธ ํ์ผ์ ์ฝ๋๋ฅผ ๋ถ๋ฌ์จ๋ค๋ ๊ฐ์ ๋ชฉ์ ์ ๊ฐ๊ณ ์์ง๋ง, ๋ค๋ฅธ ๋ฌธ๋ฒ ๊ตฌ์กฐ๋ฅผ ์ง๋๊ณ ์๋ค.
const library = require('library');
import library from 'library';
- require๋ CommonJS๋ฅผ ์ฌ์ฉํ๋ Node.js์ ํค์๋์ด์ง๋ง import()๋ ES6์์ ๋์ ๋ ํค์๋์ด๋ค.
- require๋ ํ์ผ์ ์์ฑํ ๊ณณ์ ๋จ์ ์์ผ๋ฉฐ import๋ ํญ์ ๋งจ ์๋ก ์ด๋ํ๋ค.
- require๋ ํ๋ก๊ทธ๋จ์ ์ด๋ ์ง์ ์์๋ ํธ์ถ ํ ์ ์์ง๋ง import()๋ ํ์ผ์ ์์ ๋ถ๋ถ์์๋ง ์คํํ ์ ์๋ค.
- require๊ณผ import๋ ๋์์ ์ฌ์ฉํ ์ ์๋ค.
- ์ผ๋ฐ์ ์ผ๋ก import๊ฐ ์ฌ์ฉ์๊ฐ ํ์ํ ๋ชจ๋ ๋ถ๋ถ๋ง ์ ํํ๋ ๋ถ๋ฌ์ฌ ์ ์๊ธฐ ๋๋ฌธ์ ๋ ์ ํธ๋๋ค. ๋ํ, require๋ณด๋ค ์ฑ๋ฅ์ด ์ฐ์ํ๋ฉฐ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ์ ์ฝํ ์ ์๋ค.
- ์ต๊ทผ ES6 ๋ชจ๋ ์์คํ ์ธ import๊ฐ ๋ง์ด ์ฌ์ฉ๋๊ณ ์์ง๋ง ์์ง๊น์ง import ํค์๋๊ฐ 100% ๋์ฒด๋์ด ์ฌ์ฉํ ์ ์๋ค.
<script>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ ๋ธ๋ผ์ฐ์ ํ๊ฒฝ,Node.js
์์๋ ์์ง์ CommonJS๋ฅผ ๊ธฐ๋ณธ ๋ชจ๋ ์์คํ ์ผ๋ก ์ฑํํ๊ณ ์๊ธฐ ๋๋ฌธ์Babel
๊ณผ ๊ฐ์ ES6 ์ฝ๋๋ฅผ ๋ณํ(transpile)ํด์ฃผ๋ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ์๋ require ํค์๋๋ฅผ ์ฌ์ฉํด์ผ ํ๋ค.