import

리액트(React)로 혹은 노드(Node.js) 만든 프로젝트의 자바스크립트 파일에서는 import를 사용하여 다른 파일을 불러와 사용할 수 있다.
항상 최상위에 위치해야 한다.
만약 노드(Node.js)에서 나중에 import하게 사용하고 싶다면 import는 Promise 객체(Object)이기 때문에 async await의 await 키워드(Keyword)를 붙여주어야 한다.
이렇게 모듈(Module)을 불러와서 사용하는 것은 원래 브라우저에 없던 기능으로 브라우저가 아닌 환경에서 자바스크립트를 실행할 수 있게 만들어 주는 환경인 노드(Node.js)s에서 지원하는 기능이다.
노드(Node.js)에서는 CommonJS의 require() 구문 대신 2017년부터 ES module의 브라우저에서도 import 구문을 사용할 수 있게 되었지만, 이는 단순히 다른 경로에 있는 자바스크립트를 불러오는 용도로만 사용되기 때문에 프로젝트 번들링 개면과 다르다.

리액트(React)로 혹은 노드(Node.js) 만든 프로젝트의 자바스크립트 파일에서는 import를 사용하여 다른 파일을 불러와 사용할 수 있다.
항상 최상위에 위치해야 한다.
만약 노드(Node.js)에서 나중에 import하게 사용하고 싶다면 import는 Promise 객체(Object)이기 때문에 async await의 await 키워드(Keyword)를 붙여주어야 한다.
이렇게 모듈(Module)을 불러와서 사용하는 것은 원래 브라우저에 없던 기능으로 브라우저가 아닌 환경에서 자바스크립트를 실행할 수 있게 만들어 주는 환경인 노드(Node.js)s에서 지원하는 기능이다.
노드(Node.js)에서는 CommonJS의 require() 구문 대신 2017년부터 ES module의 브라우저에서도 import 구문을 사용할 수 있게 되었지만, 이는 단순히 다른 경로에 있는 자바스크립트를 불러오는 용도로만 사용되기 때문에 프로젝트 번들링 개면과 다르다.