import, export

import React, {Component} from 'react';

그냥 React로 쓰는 것과, 중괄호 안에 Component로 쓰는 것의 차이가 무엇일까?

 

export const hello = 'hello'; // import {hello} , 여러 번 쓸 수 있다.
export default Hello; // import Hello, default로 export 할 경우에는 한 번만 가능하다.
//module.exports 와 호환이 된다. 같다는 의미는 아님

---

노드에서는 require, module.exports만 지원한다. import, export를 썼는데도 가능한 이유는 바벨이 있기 때문임.

즉, 웹팩에서는 require로 불러와야 한다. (노드 기반이므로)

const React = require('react');
exports.hello = 'a' 와 module.exports = {hello: 'a'}는 같다
module.exports = NumberBall;