react ie 적용

npm i react-app-polyfill
npm i core-js regenerator-runtime

// index.tsx파일
import 'core-js/stable';
import 'regenerator-runtime/runtime';
import 'react-app-polyfill/ie9'; // 또는 ie11
import 'react-app-polyfill/stable';

node modules/.cache 삭제.

// package.json
"development": [
      "ie 11",
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ],

react autoprefix grid 적용

cra는 autoprefix 기능을 지원하지만 grid는 기본적으로 지원하고 있지 않기 때문에 
index.css 파일 최상단에 /* autoprefixer grid: autoplace */를 
입력하여 자동으로 브라우저에 따른 지원이 가능하도록 grid 전처리를 해준다.
scss파일 상단에 입력하는 것은 적용이 안되므로 index.scss파일만 
index.css로 사용하여 autoprefix를 적용하면 
나머지 파일은 scss를 사용하더라도 잘 처리가 된다.