import, require

require

노드의 모듈 시스템 외부 모듈을 가져올 수 있습니다.

import

변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능합니다.
무언갈 가져오고 싶다면 아래와 같이 이에 대한 목록을 만들어 import {...}안에 적어주면 됩니다.

둘의 차이

둘은 호환됩니다.

require 사용하는 이유는 노드로 웹팩을 돌리기 때문에 사용하게 됩니다.
module.exports로 내보내고 const require를 이용해 받아옵니다.

둘이 호환되는 이유는 바벨이 import도 호환되게 해준다고 알고 있습니다.

export로 내보내고 import from을 이용해 받아옵니다.
export default로 내보낸 경우 컴포넌트 명만 써도 괜찮고,
export로 내보낸 경우 {}안에 컴포넌트 명을 써줘야 합니다.