Merge sync 202311

.github/workflows/dependency-review.yml

@@ -0,0 +1,14 @@
+name: 'Dependency Review'
+on: [pull_request]
+
+permissions:
+  contents: read
+
+jobs:
+  dependency-review:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 'Checkout Repository'
+        uses: actions/checkout@v4
+      - name: 'Dependency Review'
+        uses: actions/dependency-review-action@v3

.github/workflows/deploy.yml

@@ -12,10 +12,10 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node-version: [lts/*]
+        node-version: [latest]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3

.github/workflows/testing.yml

@@ -13,10 +13,10 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node-version: [lts/*]
+        node-version: [latest]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
@@ -32,10 +32,10 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node-version: [lts/*]
+        node-version: [latest]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
@@ -54,7 +54,7 @@ jobs:
         os: [ubuntu-latest]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Vale
         uses: errata-ai/[email protected]
@@ -68,10 +68,10 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node-version: [lts/*]
+        node-version: [latest]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3

package.json

@@ -70,7 +70,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.22.15",
+    "@babel/core": "^7.22.19",
     "@babel/eslint-parser": "^7.22.15",
     "@babel/plugin-proposal-class-properties": "^7.17.12",
     "@babel/preset-env": "^7.22.15",
@@ -85,11 +85,11 @@
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.1",
-    "cypress": "^13.1.0",
+    "cypress": "^13.2.0",
     "directory-tree": "^3.5.1",
     "directory-tree-webpack-plugin": "^1.0.3",
     "duplexer": "^0.1.1",
-    "eslint": "^8.48.0",
+    "eslint": "^8.49.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-cypress": "^2.14.0",
     "eslint-plugin-mdx": "^2.2.0",
@@ -101,8 +101,8 @@
     "http-server": "^14.1.1",
     "husky": "^8.0.3",
     "hyperlink": "^5.0.4",
-    "jest": "^29.6.4",
-    "lightningcss": "^1.21.7",
+    "jest": "^29.7.0",
+    "lightningcss": "^1.21.8",
     "lint-staged": "^14.0.1",
     "lodash": "^4.17.21",
     "markdownlint-cli": "^0.36.0",
@@ -125,7 +125,7 @@
     "remark-html": "^15.0.2",
     "remark-refractor": "montogeek/remark-refractor",
     "rimraf": "^5.0.1",
-    "sass": "^1.66.1",
+    "sass": "^1.67.0",
     "sass-loader": "^13.3.2",
     "sirv-cli": "^2.0.2",
     "sitemap-static": "^0.4.2",
@@ -150,7 +150,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet-async": "^1.3.0",
-    "react-router-dom": "^6.15.0",
+    "react-router-dom": "^6.16.0",
     "react-tiny-popover": "5",
     "react-use": "^17.4.0",
     "react-visibility-sensor": "^5.0.2",

src/content/api/loaders.mdx

@@ -473,7 +473,7 @@ import stylesheet from './stylesheet.js';
 loadModule(request: string, callback: function(err, source, sourceMap, module))
 ```
 
-모듈에 대한 주어진 요청을 해석하고 설정된 모든 로더를 적용하고 생성된 소스, 소스맵 및 모듈 인스턴스(일반적으로 [`NormalModule`](https://github.com/webpack/webpack/blob/master/lib/NormalModule.js)의 인스턴스)로 콜백합니다. 결과를 생성하기 위해 다른 모듈의 소스 코드를 알아야 하는 경우 이 기능을 사용합니다.
+모듈에 대한 주어진 요청을 해석하고 설정된 모든 로더를 적용하고 생성된 소스, 소스맵 및 모듈 인스턴스(일반적으로 [`NormalModule`](https://github.com/webpack/webpack/blob/main/lib/NormalModule.js)의 인스턴스)로 콜백합니다. 결과를 생성하기 위해 다른 모듈의 소스 코드를 알아야 하는 경우 이 기능을 사용합니다.
 
 로더 컨텍스트의 `this.loadModule`은 기본적으로 CommonJS 해석 규칙을 사용합니다. `'esm'`, `'commonjs'` 또는 사용자 정의와 같은 다른 해석을 사용하기 전에 적절한 `dependencyType`과 함께 `this.getResolve`를 사용하세요.
 

src/content/api/node.mdx

@@ -78,8 +78,8 @@ T> `webpack` 함수는 설정 배열로 제공할 수 있습니다.
 
 `Compiler` 인스턴스의 `hooks` 속성은 `Compiler` 라이프 사이클의 훅 이벤트에
 플러그인을 등록하는 데 사용됩니다.
-[`WebpackOptionsDefaulter`](https://github.com/webpack/webpack/blob/master/lib/WebpackOptionsDefaulter.js) 및
-[`WebpackOptionsApply`](https://github.com/webpack/webpack/blob/master/lib/WebpackOptionsApply.js) 유틸리티는
+[`WebpackOptionsDefaulter`](https://github.com/webpack/webpack/blob/main/lib/WebpackOptionsDefaulter.js) 및
+[`WebpackOptionsApply`](https://github.com/webpack/webpack/blob/main/lib/WebpackOptionsApply.js) 유틸리티는
 webpack에서 모든 내장 플러그인으로 `Compiler` 인스턴스를 설정하는 데 사용됩니다.
 
 그런 다음 `run` 메소드를 사용하여 모든 컴파일 작업을 시작합니다.

src/content/awesome-webpack.mdx

@@ -4,6 +4,7 @@ sort: 2
 contributors:
   - snitin315
   - licg9999
+  - evenstensberg
 ---
 
 A curated list of awesome webpack resources, libraries, tools and applications. It is inspired by the [awesome](https://github.com/sindresorhus/awesome) list. Feel free to improve this list by contributing.
@@ -172,6 +173,7 @@ _People passionate about Webpack (In no particular order)_
 - [webpack-typescript-directory-compile-plugin](https://github.com/ssigwart/webpack-typescript-directory-compile-plugin) Configure an source directory of typescript files and an output directory for JavaScript files. Each typescript file in the source directory and any newly added files will be compiled to individual JavaScript files. -- _Maintainer_: `Stephen Sigwart` [![Github][githubicon]](https://github.com/ssigwart)
 - [CycloneDX Webpack Plugin](https://github.com/CycloneDX/cyclonedx-webpack-plugin#readme): Create CycloneDX Software Bill of Materials (SBOM) from webpack bundles at compile time. -- _Maintainer_: `OWASP CycloneDX Team` [![Github][githubicon]](https://github.com/CycloneDX)
 - [Transpile Webpack Plugin](https://github.com/licg9999/transpile-webpack-plugin#readme): Transpiles input files into output files individually without bundling together. -- _Maintainer_: `Chungen Li` [![Github][githubicon]](https://github.com/licg9999) [![Twitter][twittericon]](https://twitter.com/licg9999)
+- [Manifest Extraction Plugin](https://github.com/shellscape/webpack-manifest-plugin): Generates an asset manifest after compiling webpack. -- _Maintainer_: `Andrew Powell` [![Github][githubicon]](https://github.com/shellscape)
 
 ### Webpack Tools
 

src/content/configuration/module.mdx

@@ -1367,7 +1367,7 @@ module.exports = {
 
 `wrapped` 동적 종속성 의 예시: `require('./templates/' + expr)`.
 
-다음은 [기본값](https://github.com/webpack/webpack/blob/master/lib/config/defaults.js)으로 사용 가능한 옵션입니다.
+다음은 [기본값](https://github.com/webpack/webpack/blob/main/lib/config/defaults.js)으로 사용 가능한 옵션입니다.
 
 **webpack.config.js**
 

src/content/configuration/node.mdx

@@ -16,7 +16,7 @@ translators:
 
 다음의 Node.js 옵션은 특정 [Node.js globals](https://nodejs.org/docs/latest/api/globals.html)을 폴리필할지 mock할지 설정합니다.
 
-이 기능은 webpack 내부 [`NodeStuffPlugin`](https://github.com/webpack/webpack/blob/master/lib/NodeStuffPlugin.js) 플러그인에서 제공합니다.
+이 기능은 webpack 내부 [`NodeStuffPlugin`](https://github.com/webpack/webpack/blob/main/lib/NodeStuffPlugin.js) 플러그인에서 제공합니다.
 
 W> webpack5 부터, `node` 옵션에서 `global`, `__filename` 또는 `__dirname`만 설정할 수 있습니다. webpack5의 Node.js에서 `fs`를 폴리필할 방법을 찾고 있다면 [resolve.fallback](/configuration/resolve/#resolvefallback)를 참고하세요.
 

src/content/configuration/optimization.mdx

@@ -515,7 +515,7 @@ module.exports = {
 
 `boolean = true` `string: 'flag'`
 
-`package.json`의 [`sideEffects`](https://github.com/webpack/webpack/blob/master/examples/side-effects/README.md) 플래그를 인식합니다. 또는 사이드 이펙트 없음으로 플래그 된 모듈은 export가 사용되지 않을 때 건너뛰도록 합니다.
+`package.json`의 [`sideEffects`](https://github.com/webpack/webpack/blob/main/examples/side-effects/README.md) 플래그를 인식합니다. 또는 사이드 이펙트 없음으로 플래그 된 모듈은 export가 사용되지 않을 때 건너뛰도록 합니다.
 
 **package.json**
 

src/content/configuration/stats.mdx

@@ -743,7 +743,7 @@ module.exports = {
 
 `array = []: string | RegExp | function (assetName) => boolean` `string` `RegExp` `function (assetName) => boolean` `boolean: false`
 
-일치하는 모듈 정보를 제외하도록 `stats`에 지시합니다. 이는 `string`, `RegExp`, 모듈의 소스를 인자로 받고 `boolean`을 반환하는 `function`로 수행할 수 있습니다. `stats.excludeModules`는 위 요소를 원소로 가지는 `배열`일 수 있습니다. `stats.excludeModules`은 `stats.exclude`와 [병합](https://github.com/webpack/webpack/blob/master/lib/Stats.js#L215)됩니다.
+일치하는 모듈 정보를 제외하도록 `stats`에 지시합니다. 이는 `string`, `RegExp`, 모듈의 소스를 인자로 받고 `boolean`을 반환하는 `function`로 수행할 수 있습니다. `stats.excludeModules`는 위 요소를 원소로 가지는 `배열`일 수 있습니다. `stats.excludeModules`은 `stats.exclude`와 [병합](https://github.com/webpack/webpack/blob/main/lib/Stats.js#L215)됩니다.
 
 ```javascript
 module.exports = {

src/content/configuration/target.mdx

@@ -28,7 +28,7 @@ browserslist 설정이 없으면 `'browserslist'` 혹은 `'web'`으로 설정됩
 
 ### string
 
-다음의 문자열은 [`WebpackOptionsApply`](https://github.com/webpack/webpack/blob/master/lib/WebpackOptionsApply.js)를 통해서 지원됩니다.
+다음의 문자열은 [`WebpackOptionsApply`](https://github.com/webpack/webpack/blob/main/lib/WebpackOptionsApply.js)를 통해서 지원됩니다.
 
 | Option                     | Description                                                                                                                                                                                                                                                                                   |
 | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

src/content/license.mdx

@@ -10,7 +10,7 @@ translators:
 
 ## webpack
 
-Webpack은 [MIT 라이선스](https://github.com/webpack/webpack/blob/master/LICENSE)입니다.
+Webpack은 [MIT 라이선스](https://github.com/webpack/webpack/blob/main/LICENSE)입니다.
 
 ## webpack logo and icon
 

src/content/plugins/banner-plugin.mdx

@@ -9,7 +9,7 @@ translators:
   - dkstyle
 related:
   - title: banner-plugin-hashing test
-    url: https://github.com/webpack/webpack/blob/master/test/configCases/plugins/banner-plugin-hashing/webpack.config.js
+    url: https://github.com/webpack/webpack/blob/main/test/configCases/plugins/banner-plugin-hashing/webpack.config.js
 ---
 
 생성된 각 청크의 상단에 배너를 추가합니다.

src/content/plugins/commons-chunk-plugin.mdx

@@ -176,7 +176,7 @@ new webpack.optimize.CommonsChunkPlugin({
 또한 `minChunks` 속성에 함수를 전달할 수도 있습니다. 이 함수는 `CommonsChunkPlugin`에 의해 호출되며 `module` 및 `count` 인수로 함수를 호출합니다.
 
 `module` 인수는 `name`/`names` 속성을 통해 제공된 청크의 각 모듈을 나타냅니다.
-`module`은 [NormalModule](https://github.com/webpack/webpack/blob/master/lib/NormalModule.js)의 형태로, 이 사용 사례에 특히 유용한 두 개의 속성이 있습니다.
+`module`은 [NormalModule](https://github.com/webpack/webpack/blob/main/lib/NormalModule.js)의 형태로, 이 사용 사례에 특히 유용한 두 개의 속성이 있습니다.
 
 - `module.context`: 파일을 저장하는 디렉터리입니다. 예: `'/my_project/node_modules/example-dependency'`
 - `module.resource`: 처리중인 파일의 이름입니다. 예: `'/my_project/node_modules/example-dependency/index.js'`

src/content/plugins/dll-plugin.mdx

@@ -15,7 +15,7 @@ translators:
   - moonheekim0118
 related:
   - title: Code Splitting Example
-    url: https://github.com/webpack/webpack/blob/master/examples/explicit-vendor-chunk/README.md
+    url: https://github.com/webpack/webpack/blob/main/examples/explicit-vendor-chunk/README.md
 ---
 
 `DllPlugin`과 `DllReferencePlugin`은 빌드 시간 성능을 크게 향상시키는 방식으로 번들을 분할하는 수단을 제공합니다. "DLL"이라는 용어는 원래 Microsoft에서 도입한 동적 링크 라이브러리를 나타냅니다.
@@ -26,7 +26,7 @@ related:
 
 - `context` (선택): 매니페스트 파일의 요청 컨텍스트 (기본값은 webpack 컨텍스트)
 - `format` (boolean = false): `true`인 경우 매니페스트 json 파일(출력)이 형식화됩니다.
-- `name`: 노출된 dll 함수의 이름 ([TemplatePaths](https://github.com/webpack/webpack/blob/master/lib/TemplatedPathPlugin.js): `[fullhash]`, `[chunkhash]`, `[contenthash]`, & `[name]` )
+- `name`: 노출된 dll 함수의 이름 ([TemplatePaths](https://github.com/webpack/webpack/blob/main/lib/TemplatedPathPlugin.js): `[fullhash]`, `[chunkhash]`, `[contenthash]`, & `[name]` )
 - `path`: 매니페스트 json 파일의 **절대 경로** (출력)
 - `entryOnly` (boolean = true): `true`인 경우 엔트리 포인트만 노출됩니다.
 - `type`: dll 번들의 유형
@@ -116,14 +116,14 @@ T> 다중 `DllPlugins`과 다중 `DllReferencePlugins`
 
 ### Source
 
-- [DllPlugin source](https://github.com/webpack/webpack/blob/master/lib/DllPlugin.js)
-- [DllReferencePlugin source](https://github.com/webpack/webpack/blob/master/lib/DllReferencePlugin.js)
-- [DllEntryPlugin source](https://github.com/webpack/webpack/blob/master/lib/DllEntryPlugin.js)
-- [DllModuleFactory source](https://github.com/webpack/webpack/blob/master/lib/DllModuleFactory.js)
-- [ManifestPlugin source](https://github.com/webpack/webpack/blob/master/lib/LibManifestPlugin.js)
+- [DllPlugin source](https://github.com/webpack/webpack/blob/main/lib/DllPlugin.js)
+- [DllReferencePlugin source](https://github.com/webpack/webpack/blob/main/lib/DllReferencePlugin.js)
+- [DllEntryPlugin source](https://github.com/webpack/webpack/blob/main/lib/DllEntryPlugin.js)
+- [DllModuleFactory source](https://github.com/webpack/webpack/blob/main/lib/DllModuleFactory.js)
+- [ManifestPlugin source](https://github.com/webpack/webpack/blob/main/lib/LibManifestPlugin.js)
 
 ### Tests
 
-- [DllPlugin creation test](https://github.com/webpack/webpack/blob/master/test/configCases/dll-plugin/0-create-dll/webpack.config.js)
-- [DllPlugin without scope test](https://github.com/webpack/webpack/blob/master/test/configCases/dll-plugin/2-use-dll-without-scope/webpack.config.js)
+- [DllPlugin creation test](https://github.com/webpack/webpack/blob/main/test/configCases/dll-plugin/0-create-dll/webpack.config.js)
+- [DllPlugin without scope test](https://github.com/webpack/webpack/blob/main/test/configCases/dll-plugin/2-use-dll-without-scope/webpack.config.js)
 - [DllReferencePlugin use Dll test](https://github.com/webpack/webpack/tree/master/test/configCases/dll-plugin)