Babel preset-react

{
  "presets": [
    [
      "@babel/preset-react",
      {
        // Both Runtimes
        "runtime": "classic", // runtime에 사용 할 것을 결정합니다.
        // automatic : jsx가 변환된 함수를 자동적으로 import합니다
        // classic : 아무런 자동 import를 진행하지 않습니다.
        "development": false, // development시 __source나 __self 추가 등에 유용하며, env option ,js config files등에 결합해서 사용 할 수 있다.
        "throwIfNamespace": true, // XML 태그 이름에서 오류 발생 여부를 결정합니다.
        // React Automatic Runtime
        // "importSource": "react", // 함수를 import할 시 import 를 변환합니다. 7.9.0 버전부터 사용 가능하니 설치되는 버전을 고려해야 한다.
        // React Classic Runtime
        "pragma": "React.createElement", // JSX expression 컴파일시 대체 함수 설정
        "pragmaFrag": "React.Fragment", // JSX framents 컴파일 시 대체 컴포넌트 설정
        "useBuiltIns": false, // pollyfil대신 내장 built-in 사용시 사용
        "useSpread": false, // props를 사용시 inline object를 사용된 오브젝트에 바로 사용 - babel's extend나 Object.assign사용을 안하고
      }
    ]
  ]
}

document를 보면서 작성되여져 있는 사항들을 정리한 것입니다.

※ 아직 실제적인 사용을 통해 테스트 해본 사항들이 아닙니다. 하지만 글만 보고 작성한 것이기 때문에 각자에 대한 이해도가 부족한 상황입니다. 추후 개발을 시작하면서 테스트 해보면서 각자에 대한 사용 후기를 추가로 작성할 예정입니다.