[JS] require와 import의 차이 (commonjs와 es6의 차이)

3줄 요약 

• 둘 다 모듈 키워드, 외부 파일이나 라이브러리를 불러올 때 사용한다. 
• require는 NodeJS에서 사용되는 CommonJS 키워드, import는 ES2015에서 새로 도입된 키워드 
• Babel같은 ES6 코드 변환 도구를 사용할 수 없다면 require 키워드를 사용해야 한다. 

최근 ES6(ES2015) 모듈 시스템인 import가 많이 사용되고 있지만, 아직까지는 import 키워드가 100% 대체되어 사용될 수 없습니다. <script> 태그를 사용하는 브라우저 환경과, NodeJS에서도 CommonJS를 기본 모듈 시스템으로 채택하고 있기 때문에, Babel과 같은 ES6 코드를 변환(transpile)해주는 도구를 사용할 수 없는 경우에는 require 키워드를 사용해야 합니다.
- https://hsp0418.tistory.com/147

용례

const library = require("library")
import library from "library"

 

참고문헌

https://hsp0418.tistory.com/147