JavaScript - require , import ( CommonJs / ES6) 차이점

✨ require vs import (CommonJs와 ES6)

• require vs import = 모듈 키워드 이다.
  외부 파일이나 라이브러리를 불러올때 사용한다.
  require는 Node.js에서 사용되고 있는 CommonJs키워드
  import는 ES2015에서 새롭게 도입된 키워드 이다.

  const express = require("express")

  import express = from "express"

  최근 ES6 모듈 시스템인 import가 많이 사용되고 있지만,
  아직까지는 import 키워드가 100% 대체되어 사용될 수 없다.

  <script> 태그를 사용하는 브라우저 환경과, NodeJS에서도 CommonJS를 기본 모듈 시스템으로 채택하고 있기 때문에, Babel과 같은 ES6 코드를 변환(transpile)해주는 도구를 사용할 수 없는 경우에는 require 키워드를 사용해야 합니다.
  

✨ 정리

• 두 키워드 모두 다른 파일의 코드를 불러온다는 동일한 목적을 가지고 있지만 다른 문법구조를 가지고 있고, Babel과 같은 ES6 코드를 변환해주는 도구 없이는 require 키워드를 사용해야 합니다.