{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/Webpack","result":{"data":{"roamPage":{"title":"Webpack","childMdx":{"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"webpack\"\n  }, \"Webpack\"), mdx(Block, {\n    id: \"JsrDHurCm\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"링크\"\n    }, \"\\uB9C1\\uD06C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"DSDDxv8EC\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://webpack.js.org/\"\n    }, \"https://webpack.js.org/\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"LJHihqARs\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/webpack/webpack/\"\n    }, \"https://github.com/webpack/webpack/\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"BEsPBTvjp\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://medium.com/webpack\"\n    }, \"https://medium.com/webpack\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"mneb9End6\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"소개\"\n    }, \"\\uC18C\\uAC1C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"eFOuqQbAm\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC5EC\\uB7EC \\uBAA8\\uB4C8 \\uC2DC\\uC2A4\\uD15C\\uC744 \\uD1B5\\uD574 \\uC791\\uC131\\uB41C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/6e12b\",\n      \"title\": \"자바스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \" \\uD30C\\uC77C\\uC744 \\uD558\\uB098\\uC758 \\uD30C\\uC77C\\uB85C \\uBC88\\uB4E4\\uB9C1\\uC2DC\\uCF1C\\uC8FC\\uB294 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/2916e\",\n      \"title\": \"모듈 번들러\",\n      \"className\": \" internal-link\"\n    }, \"\\uBAA8\\uB4C8 \\uBC88\\uB4E4\\uB7EC\"), \".\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"uj_oPziDO\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uBE0C\\uB77C\\uC6B0\\uC800\\uC5D0\\uB294 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/ES-Modules\",\n      \"title\": \"ES Modules\",\n      \"className\": \" internal-link\"\n    }, \"ES Modules\"), \"\\uC758 \\uB3C4\\uC785 \\uC804\\uAE4C\\uC9C0 \\uBCC4\\uB3C4\\uC758 \\uBAA8\\uB4C8 \\uC2DC\\uC2A4\\uD15C\\uC774 \\uC5C6\\uC5C8\\uAE30 \\uB54C\\uBB38\\uC5D0 \\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8 \\uC5EC\\uB7EC \\uAC1C \\uD30C\\uC77C\\uC774 \\uC804\\uC5ED \\uC0C1\\uD0DC\\uB97C \\uACF5\\uC720\\uD588\\uB294\\uB370, \\uC774\\uB85C \\uC778\\uD574 \\uD30C\\uC77C \\uAC04 \\uC758\\uC874 \\uAD00\\uACC4\\uAC00 \\uC788\\uC744 \\uB54C \\uC21C\\uC11C\\uB97C \\uC9C1\\uC811 \\uC870\\uC815\\uD574\\uC57C \\uD558\\uAC70\\uB098 \\uD45C\\uD604\\uC774 \\uBD88\\uAC00\\uB2A5\\uD55C \\uACBD\\uC6B0\\uAC00 \\uC788\\uC5C8\\uC74C.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"NHM3tPFvV\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Webpack\\uC740 \\uBAA8\\uB4C8 \\uAC04\\uC758 \\uC758\\uC874 \\uAD00\\uACC4 \\uADF8\\uB798\\uD504\\uB97C \\uBC14\\uD0D5\\uC73C\\uB85C \\uC8FC\\uC5B4\\uC9C4 \\uD30C\\uC77C\\uB4E4\\uC744 \\uBD99\\uC774\\uACE0 \\uBAA8\\uB4C8\\uC744 \\uAD00\\uB9AC\\uD574\\uC8FC\\uB294 \\uC791\\uC740 \\uB7F0\\uD0C0\\uC784\\uC744 \\uCD94\\uAC00\\uD558\\uC5EC \\uC774\\uB7EC\\uD55C \\uBB38\\uC81C\\uB97C \\uD574\\uACB0\\uD55C\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"iqBmqii6H\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uB610\\uD55C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/7iDLAAcF6\",\n      \"title\": \"__roam_block_reference_7iDLAAcF6\",\n      \"className\": \"block-reference internal-link\"\n    }, \"7iDLAAcF6\"), \"\\uB098 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/t3aP1Djwg\",\n      \"title\": \"__roam_block_reference_t3aP1Djwg\",\n      \"className\": \"block-reference internal-link\"\n    }, \"t3aP1Djwg\"), \" \\uB4F1\\uC744 \\uD1B5\\uD558\\uC5EC JavaScript \\uC678\\uC5D0\\uB3C4 \\uB2E4\\uC591\\uD55C \\uD30C\\uC77C\\uB4E4\\uC744 \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158\\uC5D0 \\uB123\\uC744 \\uC218 \\uC788\\uB3C4\\uB85D \\uD574\\uC900\\uB2E4.\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"7fU4vyjj0\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"확장성\"\n    }, \"\\uD655\\uC7A5\\uC131\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"7iDLAAcF6\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"loader\"\n    }, \"Loader\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"wRcPj1JGs\",\n    content: mdx(React.Fragment, null),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"t3aP1Djwg\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"plugin\"\n    }, \"Plugin\")),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","outboundReferences":[{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"자바스크립트\"\n  }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), mdx(Block, {\n    id: \"kn-72YiM_\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"tc39.es/ecma262/\"\n    }, \"ECMA-262\"), \"\\uC5D0 \\uC758\\uD574 \\uC815\\uC758\\uB41C ECMAScript\\uC758 \\uAD6C\\uD604. \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/474d4\",\n      \"title\": \"hashtag_프로그래밍 언어\",\n      \"className\": \" internal-link hashtag\"\n    }, \"\\uD504\\uB85C\\uADF8\\uB798\\uBC0D \\uC5B8\\uC5B4\"), \"\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"vX1W7hV8S\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"javascript-엔진\"\n    }, \"JavaScript \\uC5D4\\uC9C4\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"t7zXfbOmI\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/V8\",\n      \"title\": \"V8\",\n      \"className\": \" internal-link\"\n    }, \"V8\"), \"\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"Acsz8mWgi\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/JavaScriptCore\",\n      \"title\": \"JavaScriptCore\",\n      \"className\": \" internal-link\"\n    }, \"JavaScriptCore\"), \"\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"MlY682Yc3\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/chakra-core/ChakraCore\"\n    }, \"ChakraCore\"), \" - \\uBCF8\\uB798 Edge \\uAC1C\\uBC1C\\uC5D0 \\uC4F0\\uC774\\uB2E4\\uAC00 Edge\\uAC00 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Chromium\",\n      \"title\": \"Chromium\",\n      \"className\": \" internal-link\"\n    }, \"Chromium\"), \" \\uAE30\\uBC18\\uC73C\\uB85C \\uC804\\uD658\\uB41C \\uB4A4 \\uCEE4\\uBBA4\\uB2C8\\uD2F0\\uC5D0\\uC11C \\uC784\\uBCA0\\uB4DC \\uC0AC\\uC6A9\\uB840\\uB97C \\uC704\\uD574 \\uAC1C\\uBC1C\\uB418\\uACE0 \\uC788\\uB2E4.\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"RiCwYmyPm\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"표준\"\n    }, \"\\uD45C\\uC900\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"VQs8DpeCi\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"ECMA-262\\uB294 ECMA International\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://tc39.es/\"\n    }, \"TC39\"), \"\\uC5D0\\uC11C \\uAD00\\uB9AC\\uD558\\uB294 \\uD45C\\uC900\\uC774\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"-3gSzhN5Q\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/tc39/test262\"\n    }, \"Test262\"), \"\\uB97C \\uD1B5\\uD574 \\uC5B4\\uB5A4 \\uAD6C\\uD604\\uCCB4\\uAC00 ECMA-262 \\uD45C\\uC900\\uC5D0 \\uBD80\\uD569\\uD558\\uB294 \\uC9C0 \\uD655\\uC778\\uD55C\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"iaSziKiRa\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"proposals\"\n    }, \"Proposals\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"UeOCugAFE\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"ECMAScript\\uC5D0 \\uAE30\\uB2A5\\uC744 \\uCD94\\uAC00\\uD558\\uAE30 \\uC704\\uD574 \\uB0B4\\uB294 \\uC81C\\uC548\\uC11C.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"BBhZhOXTe\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"4\\uAC00\\uC9C0 \\uB2E8\\uACC4\\uAC00 \\uC788\\uC73C\\uBA70 \\uAC01 \\uB2E8\\uACC4(Stage)\\uAC00 \\uC758\\uBBF8\\uD558\\uB294 \\uBC14\\uB294 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://tc39.es/process-document/\"\n    }, \"\\uC5EC\\uAE30\"), \"\\uC5D0\\uC11C \\uD655\\uC778\\uD560 \\uC218 \\uC788\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"Ju4BKCiLi\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD604\\uC7AC \\uC81C\\uC548\\uB418\\uC5B4 TC39\\uAC00 \\uC778\\uC2DD\\uD558\\uACE0 \\uC788\\uB294 Proposal\\uC758 \\uBAA9\\uB85D\\uC740 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/tc39/proposals\"\n    }, \"\\uC5EC\\uAE30\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"_Mo0Oagh_\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"버전\"\n    }, \"\\uBC84\\uC804\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"wZg2hMY6U\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"ECMA-262\\uB294 \\uBCF4\\uD1B5 1\\uB144\\uC5D0 \\uD55C \\uBC88\\uC529 \\uC81C\\uC548\\uB41C \\uAE30\\uB2A5 \\uC911 \\uCC44\\uD0DD\\uB41C \\uC81C\\uC548\\uC11C\\uB97C \\uD569\\uCCD0 \\uC815\\uC2DD \\uD45C\\uC900\\uC73C\\uB85C \\uC2B9\\uACA9\\uD55C\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"YdBbvNB76\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"2015\\uB144 \\uC774\\uC804\\uC5D0 \\uB098\\uC628 \\uD45C\\uC900\\uB4E4\\uC740 \\uC774\\uB7EC\\uD55C \\uD45C\\uC900 \\uC808\\uCC28\\uAC00 \\uBA85\\uD655\\uD788 \\uC218\\uB9BD\\uB418\\uAE30 \\uC804\\uC774\\uB77C \\uBC84\\uC804\\uC758 \\uC21C\\uC11C\\uB97C \\uB530\\uB77C\\uC11C ES1, ES3 \\uB4F1\\uC73C\\uB85C \\uBD80\\uB974\\uACE0 2015\\uB144\\uBD80\\uD130\\uB294 1\\uB144 \\uC8FC\\uAE30\\uB85C \\uADDC\\uCE59\\uC801\\uC73C\\uB85C \\uB098\\uC624\\uBBC0\\uB85C ES2015(ES6\\uACFC \\uAC19\\uC74C)\\uB85C \\uBD80\\uB978\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"aaszztHlh\",\n    content: mdx(React.Fragment, null, mdx(\"h3\", {\n      \"id\": \"es1\"\n    }, mdx(\"a\", {\n      parentName: \"h3\",\n      \"href\": \"https://www.ecma-international.org/wp-content/uploads/ECMA-262_1st_edition_june_1997.pdf\"\n    }, \"ES1\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"Mrmz3VOYf\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uAC00\\uC7A5 \\uAE30\\uBCF8\\uC774 \\uB41C \\uAC83.\")),\n    mdxType: \"Block\"\n  })))), mdx(Block, {\n    id: \"RgBx5KAj3\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"모듈-시스템\"\n    }, \"\\uBAA8\\uB4C8 \\uC2DC\\uC2A4\\uD15C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"KaSy4N_2O\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD06C\\uAC8C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/CommonJS\",\n      \"title\": \"CommonJS\",\n      \"className\": \" internal-link\"\n    }, \"CommonJS\"), \", \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/ES-Modules\",\n      \"title\": \"ES Modules\",\n      \"className\": \" internal-link\"\n    }, \"ES Modules\"), \", AMD \\uB4F1\\uC774 \\uC874\\uC7AC\\uD55C\\uB2E4.\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"c_ZcXGUyY\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"asi\"\n    }, \"ASI\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"hF8jN-xBf\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Automatic Semicolon Insertion\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"w-YaLCfAr\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/a6f84\",\n      \"title\": \"추가 바람\",\n      \"className\": \" internal-link\"\n    }, \"\\uCD94\\uAC00 \\uBC14\\uB78C\"), \"\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"qxYxELWxd\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://medium.com/@limsungmook/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%8A%94-%EC%99%9C-%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9E%85%EC%9D%84-%EC%84%A0%ED%83%9D%ED%96%88%EC%9D%84%EA%B9%8C-997f985adb42\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\\uB294 \\uC65C \\uD504\\uB85C\\uD1A0\\uD0C0\\uC785\\uC744 \\uC120\\uD0DD\\uD588\\uC744\\uAE4C\"))),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"608eeafb-bef8-529d-8421-a1d62e6c4970","title":"자바스크립트","fields":{"slug":"/6e12b"}}},{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"모듈-번들러\"\n  }, \"\\uBAA8\\uB4C8 \\uBC88\\uB4E4\\uB7EC\"), mdx(Block, {\n    id: \"Luv7ahnDt\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/6e12b\",\n      \"title\": \"자바스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \"\\uC5D0\\uC11C, \\uBAA8\\uB4C8 \\uAC04 \\uC758\\uC874\\uC131 \\uADF8\\uB798\\uD504\\uB97C \\uBC14\\uD0D5\\uC73C\\uB85C \\uC5EC\\uB7EC \\uAC1C\\uC758 \\uBAA8\\uB4C8\\uB85C \\uAD6C\\uC131\\uB41C \\uD30C\\uC77C\\uC744 \\uD558\\uB098\\uB85C \\uD569\\uCCD0\\uC8FC\\uB294 \\uB3C4\\uAD6C.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"NhpLCa4G2\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC6F9 \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158 \\uAC1C\\uBC1C\\uC5D0 \\uC8FC\\uB85C \\uC0AC\\uC6A9\\uB418\\uB2E4 \\uBCF4\\uB2C8 JS \\uC678\\uC5D0\\uB3C4 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/CSS\",\n      \"title\": \"CSS\",\n      \"className\": \" internal-link\"\n    }, \"CSS\"), \"\\uB098 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/HTML\",\n      \"title\": \"HTML\",\n      \"className\": \" internal-link\"\n    }, \"HTML\"), \"\\uC744 \\uB2E4\\uB8F0 \\uC218 \\uC788\\uB294 \\uACBD\\uC6B0\\uAC00 \\uB9CE\\uB2E4.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"kHIrsJ_ZA\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://wormwlrm.github.io/2020/08/12/History-of-JavaScript-Modules-and-Bundlers.html\"\n    }, \"JavaScript \\uBC88\\uB4E4\\uB7EC\\uB85C \\uBCF8 \\uC870\\uC120\\uC2DC\\uB300 \\uBD95\\uB2F9\\uC758 \\uC774\\uD574\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"T4OFD5Msb\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"종류\"\n    }, \"\\uC885\\uB958\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"UyY1bhxCS\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Webpack\",\n      \"title\": \"Webpack\",\n      \"className\": \" internal-link\"\n    }, \"Webpack\"), \"\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"fE6i_GVIK\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Rollup\",\n      \"title\": \"Rollup\",\n      \"className\": \" internal-link\"\n    }, \"Rollup\"), \"\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"ZGOKQEdhf\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Vite\",\n      \"title\": \"Vite\",\n      \"className\": \" internal-link\"\n    }, \"Vite\"), \"\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"vxcWV74pN\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/esbuild\",\n      \"title\": \"esbuild\",\n      \"className\": \" internal-link\"\n    }, \"esbuild\"), \"\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"_OR4LniSk\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Parcel\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"XfcgIO0Jn\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"snowpack \\u2015 \\uC0AC\\uC2E4 \\uC774 \\uB3C4\\uAD6C\\uC758 \\uD575\\uC2EC\\uC740 \\uBC88\\uB4E4\\uB9C1\\uC744 \\uD53C\\uD55C\\uB2E4\\uC5D0 \\uC788\\uC9C0\\uB9CC \\uC0AC\\uC6A9\\uB840\\uB294 \\uBE44\\uC2B7\\uD558\\uB2C8 \\uD3EC\\uD568\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"a1SduqRkX\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Bun\",\n      \"title\": \"Bun\",\n      \"className\": \" internal-link\"\n    }, \"Bun\"), \"\")),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"b9aa4baa-bccc-5171-9ce6-e05b08232144","title":"모듈 번들러","fields":{"slug":"/2916e"}}},{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"es-modules\"\n  }, \"ES Modules\"), mdx(Block, {\n    id: \"wX8yaUgQV\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/a6f84\",\n      \"title\": \"추가 바람\",\n      \"className\": \" internal-link\"\n    }, \"\\uCD94\\uAC00 \\uBC14\\uB78C\"), \"\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"bffc4dca-05b4-5df8-b55a-e623cbf1e157","title":"ES Modules","fields":{"slug":"/ES-Modules"}}},{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Block, {\n    id: \"7iDLAAcF6\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"loader\"\n    }, \"Loader\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"wRcPj1JGs\",\n    content: mdx(React.Fragment, null),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"c054ba5d-0e8a-5d02-9f6b-3ab1a6406796","uid":"7iDLAAcF6","string":"Loader","fields":{"parentPage":{"title":"Webpack"},"slug":"/7iDLAAcF6"}}},{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Block, {\n    id: \"t3aP1Djwg\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"plugin\"\n    }, \"Plugin\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"cad5ebc1-01a1-50e7-b6c4-0cc497c5c83a","uid":"t3aP1Djwg","string":"Plugin","fields":{"parentPage":{"title":"Webpack"},"slug":"/t3aP1Djwg"}}}],"inboundReferences":[{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Block, {\n    id: \"UyY1bhxCS\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Webpack\",\n      \"title\": \"Webpack\",\n      \"className\": \" internal-link\"\n    }, \"Webpack\"), \"\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"13541e6f-ed8b-5d66-a7d1-f42364b91440","string":"[[Webpack]]","fields":{"parentPage":{"title":"모듈 번들러","fields":{"slug":"/2916e"}},"slug":"/UyY1bhxCS"}}},{"__typename":"Mdx","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Block = makeShortcode(\"Block\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Block, {\n    id: \"z99M5EWV8\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uB7F0\\uD0C0\\uC784 \\uC0AC\\uC774\\uC988\\uAC00 \\uC791\\uACE0 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Webpack\",\n      \"title\": \"Webpack\",\n      \"className\": \" internal-link\"\n    }, \"Webpack\"), \"\\uC758 \\uB2E4\\uC591\\uD55C \\uAE30\\uB2A5\\uC774 \\uD544\\uC694\\uD558\\uC9C0 \\uC54A\\uC74C\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"dfc33c92-0e42-5e2a-870e-491ff54bcb3c","string":"런타임 사이즈가 작고 [[Webpack]]의 다양한 기능이 필요하지 않음","fields":{"parentPage":{"title":"Rollup","fields":{"slug":"/Rollup"}},"slug":"/z99M5EWV8"}}}]},"fields":{"slug":"/Webpack"}}},"pageContext":{"id":"4796e996-9b4b-51d9-88ec-5160ab08787a"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}