[자바스크립트 ES6] 06

☝🏻 러닝 리액트를 읽고 정리한 글입니다.

✅ 2.7 ES6 모듈

다른 자바스크립트 파일에서 이름 충돌 없이 쉽게 불러 활용할 수 있는 재사용 가능한 코드 조각

• 자바스크립트는 모듈을 한 모듈 당 하나씩 별도의 파일로 저장
• 모듈을 만들고 외부에 익스포트하는 방법은 아래와 같이 2가지가 있다.
  • 한 모듈에서 여러 자바스크립트 객체를 외부에 노출시키는 방식
  • 한 모듈에 하나의 자바스크립트 객체를 노출

• export를 사용해 다른 모듈에서 활용하도록 이름을 외부에 익스포트할 수 있음
• 모듈에서 단 하나의 이름만을 외부에 익스포트하고 싶을 때 export default를 사용
  • 오직 하나의 이름만을 노출하는 모듈에서 export 대신 사용
• export나 export default는 모든 타입의 자바스크립트 이름을 외부에 노출
• import 명령을 사용해 다른 자바스크립트 파일에 모듈을 불러와 사용
• 외부에 여러 이름을 노출한 모듈을 import할 때는 객체 구조 분해를 활용할 수 있음.
  export default를 사용해 한 이름만을 노출한 경우에는 노출된 대상을 한 이름으로 부를 수 있음.

• 모듈에서 가져 온 대상에 다른 이름을 부여할 수 있음.
• import *를 사용하면 다른 모듈에서 가져 온 모든 이름을 사용자가 정한 로컬 이름 공간에 가둘 수 있음.

✔️ common.js

• common.js는 모든 버전의 노드에서 지원하는 일반적인 모튤 패턴
• require 함수를 통해 모듈을 임포트할 수 있음
• 최신 자바스크립트 문법에 포함된 기능 대부분은 함수형 프로그래밍 기법을 지원하기 위한 것으로 함수형 자바스크립트에서는 여러 함수를 모아둔 것으로
  코드를 생각하고, 그런 함수를 서로 합성해서 애플리케이션을 구축한다.