npm run dev 실행하니까 이상한 화면이 실행이 되요...

leo@LEO-MackBook  ~/Desktop/Inflearn_SLEACT/sleact/alecture   main  npm run dev

> alecture@1.0.0 dev
> webpack serve --env development

<w> [webpack-dev-server] "hot: true" automatically applies HMR plugin, you don't have to add it manually to your webpack configuration.
<i> [webpack-dev-server] [HPM] Proxy created: /api/  -> http://localhost:3095
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:3090/
<i> [webpack-dev-server] On Your Network (IPv4): http://172.30.1.18:3090/
<i> [webpack-dev-server] On Your Network (IPv6): http://[fe80::1]:3090/
<i> [webpack-dev-server] Content not from webpack is served from '/Users/leo/Desktop/Inflearn_SLEACT/sleact/alecture' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'
@babel/preset-env: `DEBUG` option

Using targets:
{
  "ie": "10"
}

Using modules transform: auto

Using plugins:
  proposal-class-static-block { ie }
  proposal-private-property-in-object { ie }
  proposal-class-properties { ie }
  proposal-private-methods { ie }
  proposal-numeric-separator { ie }
  proposal-logical-assignment-operators { ie }
  proposal-nullish-coalescing-operator { ie }
  proposal-optional-chaining { ie }
  proposal-json-strings { ie }
  proposal-optional-catch-binding { ie }
  transform-parameters { ie }
  proposal-async-generator-functions { ie }
  proposal-object-rest-spread { ie }
  transform-dotall-regex { ie }
  proposal-unicode-property-regex { ie }
  transform-named-capturing-groups-regex { ie }
  transform-async-to-generator { ie }
  transform-exponentiation-operator { ie }
  transform-template-literals { ie }
  transform-literals { ie }
  transform-function-name { ie }
  transform-arrow-functions { ie }
  transform-block-scoped-functions { ie < 11 }
  transform-classes { ie }
  transform-object-super { ie }
  transform-shorthand-properties { ie }
  transform-duplicate-keys { ie }
  transform-computed-properties { ie }
  transform-for-of { ie }
  transform-sticky-regex { ie }
  transform-unicode-escapes { ie }
  transform-unicode-regex { ie }
  transform-spread { ie }
  transform-destructuring { ie }
  transform-block-scoping { ie }
  transform-typeof-symbol { ie }
  transform-new-target { ie }
  transform-regenerator { ie }
  proposal-export-namespace-from { ie }
  syntax-dynamic-import
  syntax-top-level-await

Using polyfills: No polyfills were added, since the `useBuiltIns` option was not set.
Webpack Bundle Analyzer is started at http://127.0.0.1:8888
Use Ctrl+C to close it
asset app.js 1.53 MiB [emitted] (name: app)
runtime modules 28.4 KiB 13 modules
modules by path ./node_modules/core-js-pure/ 122 KiB 119 modules
modules by path ./node_modules/@pmmmwh/react-refresh-webpack-plugin/ 52.7 KiB 23 modules
modules by path ./node_modules/webpack-dev-server/client/ 55.8 KiB 12 modules
modules by path ./node_modules/webpack/hot/*.js 4.59 KiB 4 modules
modules by path ./node_modules/html-entities/lib/*.js 81.3 KiB 4 modules
modules by path ./node_modules/scheduler/ 26.3 KiB 4 modules
modules by path ./node_modules/react-refresh/ 20.2 KiB 2 modules
modules by path ./node_modules/react/ 70.6 KiB 2 modules
modules by path ./node_modules/react-dom/ 875 KiB
  ./node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
  ./node_modules/react-dom/cjs/react-dom.development.js 874 KiB [built] [code generated]
+ 7 modules
sleact (webpack 5.75.0) compiled successfully in 6017 ms

실행하니까 이런 화면이 뜨는데 왜그런건까요???