그다음에는 JS와 CSS 파일을 불러오도록 html에 코드를 삽입해 주어야 합니다. 불러와야 하는 파일 이름은 매번 빌드할 때마다 바뀌기 때문에 빌드하고 나서 만들어지는 asset-manifest.json 파일을 참고하여 불러오도록 작성합니다.

한번 yarn build 명령어를 실행한 다음, build 디렉터리의 asset-manifest.json을 열어 보세요.

build/asset-manifest.json

{
  "files": {
    "main.css": "/static/css/main.b5fbe955.chunk.css",
    "main.js": "/static/js/main.4706fa80.chunk.js",
    "main.js.map": "/static/js/main.4706fa80.chunk.js.map",
    "runtime~main.js": "/static/js/runtime~main.c5541365.js",
    "runtime~main.js.map": "/static/js/runtime~main.c5541365.js.map",
    "static/js/2.7980f885.chunk.js": "/static/js/2.7980f885.chunk.js",
    "static/js/2.7980f885.chunk.js.map": "/static/js/2.7980f885.chunk.js.map",
    "index.html": "/index.html",
    "precache-manifest.b4b36e28ec1848575e2868cbda9aa15b.js": "/precache-manifest.b4b36e28ec1848575e2868cbda9aa15b.js",
    "service-worker.js": "/service-worker.js",
    "static/css/main.b5fbe955.chunk.css.map": "/static/css/main.b5fbe955.chunk.css.map"
  }  
}

---