main.js:5 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle. For more details, see <a target="_blank" href="https://link.vuejs.org/feature-flags">https://link.vuejs.org/feature-flags</a>. ? 이게 뭔 오류여 하면서 링크 들어가서 찾아보니까 “feature flag" 관련 경고”
해결방법 Bundler 설정에 플래그 추가: Vue의 빌드를 번들링할 때, <code>define</code> 옵션을 사용하여 필요한 기능 플래그를 설정해야 합니다. false로 지정
<pre><code class="lang-javascript">const webpack = require('webpack'); // webpack 모듈을 가져오기 위해 추가

module.exports = {
 configureWebpack: {
 plugins: [
 new webpack.DefinePlugin({
 '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': JSON.stringify(false),
 }),
 ],
 },
};
</code></pre>
vue.cofig.js를 만들어 주면됨 해결!

main.js:5 Feature flag \_\_VUE\_PROD\_HYDRATION\_MISMATCH\_DETAILS\_\_ is not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle. For more details, see [https://link.vuejs.org/feature-flags](https://link.vuejs.org/feature-flags).  
? 이게 뭔 오류여 하면서 링크 들어가서 찾아보니까 “feature flag" 관련 경고”

**해결방법**  
**Bundler 설정에 플래그 추가**: Vue의 빌드를 번들링할 때, `define` 옵션을 사용하여 필요한 기능 플래그를 설정해야 합니다.  
**false**로 지정

```javascript
const webpack = require('webpack'); // webpack 모듈을 가져오기 위해 추가

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': JSON.stringify(false),
      }),
    ],
  },
};
```

**vue.cofig.js**를 만들어 주면됨 해결!

11월28일