본문 바로가기

개발/Javascript

모듈(Modules)

모듈(Modules)

  • Always use modules (import/export) over a non-standard module system. You can always transpile to your preferred module system.

  • 10.1 비표준 모듈시스템이 아닌 항상 (import/export) 를 이용해 주십시오. 이렇게 함으로써 선호하는 모듈시스템에 언제라도 옮겨가는게 가능해 집니다.

    Why? Modules are the future, let's start using the future now.

    왜? 모듈은 미래가 있습니다. 지금 그 미래를 사용하여 시작합시다.

    // bad
    const AirbnbStyleGuide = require('./AirbnbStyleGuide');
    module.exports = AirbnbStyleGuide.es6;
    
    // ok
    import AirbnbStyleGuide from './AirbnbStyleGuide';
    export default AirbnbStyleGuide.es6;
    
    // best
    import { es6 } from './AirbnbStyleGuide';
    export default es6;
  • 10.2 Do not use wildcard imports.

  • 10.2 wildcard import 는 이용하지 마십시오.

    Why? This makes sure you have a single default export.

    왜? single default export 임을 주의할 필요가 있습니다.

    // bad
    import * as AirbnbStyleGuide from './AirbnbStyleGuide';
    
    // good
    import AirbnbStyleGuide from './AirbnbStyleGuide';
  • 10.3 And do not export directly from an import.

  • 10.3 import 문으로부터 직접 export 하는것은 하지말아 주십시오.

    Why? Although the one-liner is concise, having one clear way to import and one clear way to export makes things consistent.

    왜? 한줄짜리는 간결하지만 import 와 export 방법을 명확히 한가지로 해서 일관성을 갖는 것이 가능합니다.

    // bad
    // filename es6.js
    export { es6 as default } from './airbnbStyleGuide';
    
    // good
    // filename es6.js
    import { es6 } from './AirbnbStyleGuide';
    export default es6;


'개발 > Javascript' 카테고리의 다른 글

변수(Variables)  (0) 2018.03.11
이터레이터와 제너레이터(Iterators and Generators)  (0) 2018.03.11
Classes & Constructors  (0) 2018.03.11
함수(Functions)  (0) 2018.03.11
문자열(Strings)  (0) 2018.03.11