5. commonJS , es6 문법의 사용

require 

const React = require('react');
const ReactDom = require('react-dom');
const { Component } = require('react'); 

node (commonJS) 문법

 

import

import React, { Component } from 'react';
import ReactDom from 'react-dom';

es6 문법 

 

require은 CommonJS라고 node에서 쓰는 js인데, 이와 같은 역할을 하는 import는 리액트에서 쓰는 js문법이다

쓸수 있는 이유가 entry로 받아서 babel모듈적용해주는 과정에서 바벨이

이런es6 문법을 CommonJS로바꿔주어서 사용이 가능한 것.

( index.jsx 에서 someting.jsx를 불러와서 사용한다면, 두 파일 다 문법을 commonjs 와 es6중 통일시켜야한다 

export default로 내보냈으면 import로 불러와야 되는것.... )

 

 export const Waffle = 'myWaffle';  // import { Waffle }
 export default AppleWaffle; 		// import AppleWaffle;
 //module.exports = AppleWaffle;

export default는 1번만쓸수 있다