{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/2916e","result":{"data":{"roamPage":{"title":"모듈 번들러","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\": \"모듈-번들러\"\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;","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\": \"css\"\n  }, \"CSS\"), mdx(Block, {\n    id: \"sjefdRGAD\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"생성에-도움을-주는-도구\"\n    }, \"\\uC0DD\\uC131\\uC5D0 \\uB3C4\\uC6C0\\uC744 \\uC8FC\\uB294 \\uB3C4\\uAD6C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"CuEwQdXZp\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://www.joshwcomeau.com/shadow-palette/\"\n    }, \"Shadow Palette Generator\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"3c4hQTb_r\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"레퍼런스\"\n    }, \"\\uB808\\uD37C\\uB7F0\\uC2A4\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"FDJjo5WAS\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/a-guide-to-flexbox/\"\n    }, \"A Complete Guide to Flexbox\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"6wcvGAi4g\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/complete-guide-grid/\"\n    }, \"A Complete Guide to Grid\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"ZgRuV7iJR\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"reset\"\n    }, \"Reset\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"lzTJuMFmo\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/53faa\",\n      \"title\": \"브라우저\",\n      \"className\": \" internal-link\"\n    }, \"\\uBE0C\\uB77C\\uC6B0\\uC800\"), \" \\uAC04 \\uC2A4\\uD0C0\\uC77C \\uCC28\\uC774\\uB97C \\uC81C\\uAC70\\uD558\\uACE0 \\uC0AC\\uC6A9\\uD558\\uAE30 \\uD3B8\\uB9AC\\uD55C CSS \\uD658\\uACBD\\uC744 \\uB9CC\\uB4E4\\uAE30 \\uC704\\uD574 \\uC0AC\\uC6A9\\uB418\\uB294 CSS \\uC2A4\\uB2C8\\uD3AB.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"7_GaantxS\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC608\\uC804\\uC5D0\\uB294 \\uBE0C\\uB77C\\uC6B0\\uC800 \\uAE30\\uBCF8 \\uC2A4\\uD0C0\\uC77C\\uC744 \\uC644\\uC804\\uD788 \\uC0AD\\uC81C\\uD558\\uB294 \\uBC29\\uC2DD\\uC774 \\uC8FC\\uB85C \\uC0AC\\uC6A9\\uB418\\uC5C8\\uC9C0\\uB9CC \\uD604\\uB300\\uC5D0 \\uB4E4\\uC5B4\\uC11C\\uB294 \\uBE0C\\uB77C\\uC6B0\\uC800 \\uAC04 CSS \\uC2A4\\uD0C0\\uC77C\\uC758 \\uCC28\\uC774\\uAC00 \\uBBF8\\uBBF8\\uD558\\uACE0 \\uB300\\uBD80\\uBD84 \\uD45C\\uC900\\uC5D0 \\uBD80\\uD569\\uD558\\uBA70, \\uBAA8\\uB4E0 \\uAE30\\uBCF8 \\uC2A4\\uD0C0\\uC77C\\uC744 \\uB0B4\\uCE58\\uB294 \\uAC83\\uC774 \\uADF8\\uB2E4\\uC9C0 \\uC0DD\\uC0B0\\uC801\\uC774\\uC9C0\\uB3C4 \\uC54A\\uAE30 \\uB54C\\uBB38\\uC5D0 (\", mdx(\"inlineCode\", {\n      parentName: \"p\"\n    }, \"<strong>\"), \"\\uC774 \\uBCFC\\uB4DC\\uB85C \\uC548 \\uB098\\uC624\\uB294 \\uAC74 \\uBCF4\\uD1B5 \\uC6D0\\uD558\\uB294 \\uB3D9\\uC791\\uC774 \\uC544\\uB2C8\\uC9C0 \\uC54A\\uACA0\\uB294\\uAC00?) \\uCD5C\\uADFC\\uC5D0\\uB294 \\uCD5C\\uC18C\\uD55C\\uC758 \\uC124\\uC815\\uB9CC \\uD574\\uB450\\uB294 \\uB4EF.\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"VrWzwZ_6c\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/reboot-resets-reasoning/\"\n    }, \"https://css-tricks.com/reboot-resets-reasoning/\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"Zl5cWPAUG\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"가져다-쓸-만한-것들\"\n    }, \"\\uAC00\\uC838\\uB2E4 \\uC4F8 \\uB9CC\\uD55C \\uAC83\\uB4E4\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"_8lN0Cr_b\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://meyerweb.com/eric/tools/css/reset/\"\n    }, \"Eric Meyer's CSS Reset\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"4IsXbqHtG\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/hankchizljaw/modern-css-reset\"\n    }, \"Modern CSS Reset\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"v_JY6OAgy\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://necolas.github.io/normalize.css/\"\n    }, \"Normalize.css\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"59kxuzbIr\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Bootstrap\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://getbootstrap.com/docs/4.0/content/reboot/\"\n    }, \"Reboot\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"tFBaGSMFM\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Sindre Sorhus\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/sindresorhus/modern-normalize\"\n    }, \"Modern Normalize\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"1kP2fko9z\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Tailwind CSS\\uC758 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://tailwindcss.com/docs/preflight#overview\"\n    }, \"Preflight\"))),\n    mdxType: \"Block\"\n  }))), mdx(Block, {\n    id: \"T4VIRt9pc\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://csstools.github.io/sanitize.css/\"\n    }, \"Sanitize.css\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"Jq5gIBhLL\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://jgthms.com/minireset.css/\"\n    }, \"minireset.css\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"MgXxbimp6\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://www.joshwcomeau.com/css/custom-css-reset\"\n    }, \"Josh W. Comeau's Reset\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"89KcLeMbK\",\n    content: mdx(React.Fragment, null, mdx(\"h2\", {\n      \"id\": \"필요한가\"\n    }, \"\\uD544\\uC694\\uD55C\\uAC00?\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"1NWpSH0Ad\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://stackoverflow.com/a/11579120/4154321\"\n    }, \"https://stackoverflow.com/a/11579120/4154321\"))),\n    mdxType: \"Block\"\n  }))), mdx(Block, {\n    id: \"5HAbi0I8O\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"퍼센트\"\n    }, \"\\uD37C\\uC13C\\uD2B8\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"6SSkUhjdQ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://wattenberger.com/blog/css-percents\"\n    }, \"https://wattenberger.com/blog/css-percents\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"3bsBCzzPt\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"a-complete-guide\"\n    }, \"A Complete Guide\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"NbBC6_KYB\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/a-guide-to-flexbox/\"\n    }, \"flexbox\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"ou-vk3cBF\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://css-tricks.com/snippets/css/complete-guide-grid/\"\n    }, \"grid\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"EkVa9uIs7\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"containment\"\n    }, \"Containment\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"7EDE2P_KJ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://developer.mozilla.org/ko-KR/docs/Web/CSS/CSS_Containment\"\n    }, \"https://developer.mozilla.org/ko-KR/docs/Web/CSS/CSS_Containment\"))),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"32c94cde-5b74-50a7-ba65-e51e5d2276ae","title":"CSS","fields":{"slug":"/CSS"}}},{"__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\": \"html\"\n  }, \"HTML\"), mdx(Block, {\n    id: \"UN_9tAkSc\",\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":"00bb33c0-2701-5a65-9a24-4c660a309e4e","title":"HTML","fields":{"slug":"/HTML"}}},{"__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\": \"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;","parent":{"__typename":"RoamPage","id":"4796e996-9b4b-51d9-88ec-5160ab08787a","title":"Webpack","fields":{"slug":"/Webpack"}}},{"__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\": \"rollup\"\n  }, \"Rollup\"), mdx(Block, {\n    id: \"xnPs1RrYC\",\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: \"Jsd2ot45k\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD2B8\\uB9AC \\uC170\\uC774\\uD0B9\\uC744 \\uCC98\\uC74C\\uC73C\\uB85C \\uBCF4\\uC5EC\\uC900 \", 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: \"m1gT2ZUaJ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC8FC\\uB85C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/4aeaf\",\n      \"title\": \"라이브러리\",\n      \"className\": \" internal-link\"\n    }, \"\\uB77C\\uC774\\uBE0C\\uB7EC\\uB9AC\"), \"\\uC758 \\uBE4C\\uB4DC\\uC5D0 \\uB9CE\\uC774 \\uC4F0\\uC778\\uB2E4.\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"MGZybwoai\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://wormwlrm.github.io/2021/11/07/Rollup-React-TypeScript.html\"\n    }, \"https://wormwlrm.github.io/2021/11/07/Rollup-React-TypeScript.html\"))),\n    mdxType: \"Block\"\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":"RoamPage","id":"f1289e1c-a3d7-5cb3-8c7c-a2d9727ffe6b","title":"Rollup","fields":{"slug":"/Rollup"}}},{"__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\": \"vite\"\n  }, \"Vite\"), mdx(Block, {\n    id: \"BKIZeiTvV\",\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":"58c3e468-e058-5c8a-883c-84eb7446f65c","title":"Vite","fields":{"slug":"/Vite"}}},{"__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\": \"esbuild\"\n  }, \"esbuild\"), mdx(Block, {\n    id: \"XahyhiHcD\",\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":"cc011011-2f57-59bc-9cee-48cf2fd48bae","title":"esbuild","fields":{"slug":"/esbuild"}}},{"__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\": \"bun\"\n  }, \"Bun\"), mdx(Block, {\n    id: \"zdURilfIb\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Jarred Sumner\\uAC00 \\uB9CC\\uB4E0 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/6e12b\",\n      \"title\": \"자바스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \" \\uD234\\uCCB4\\uC778\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"PZ3JUfI1Q\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uB9C1\\uD06C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"KrwtUTeSo\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://bun.sh/\"\n    }, \"https://bun.sh/\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"n6HjHPwbl\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/Jarred-Sumner/bun\"\n    }, \"https://github.com/Jarred-Sumner/bun\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"gfAFD3Vfu\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/November-15th-2021\",\n      \"title\": \"November 15th, 2021\",\n      \"className\": \" internal-link\"\n    }, \"November 15th, 2021\"), \" \\uAE30\\uC900\\uC73C\\uB85C \\uB514\\uC2A4\\uCF54\\uB4DC\\uC5D0 \\uB4E4\\uC5B4\\uAC00\\uC11C \\uAD8C\\uD55C\\uC744 \\uBC1B\\uC544\\uC57C \\uC18C\\uC2A4\\uCF54\\uB4DC\\uC5D0 \\uC811\\uADFC \\uAC00\\uB2A5\\uD558\\uB2E4. \\uB2E4\\uD589\\uD788 \\uB514\\uC2A4\\uCF54\\uB4DC\\uB098 \\uC18C\\uC2A4 \\uCF54\\uB4DC \\uC811\\uADFC \\uC694\\uCCAD\\uC5D0 \\uBCC4\\uB3C4\\uC758 \\uC81C\\uD55C\\uC740 \\uC5C6\\uACE0 \\uC790\\uB3D9\\uD654\\uB418\\uC5B4 \\uC788\\uB2E4.\")),\n    mdxType: \"Block\"\n  }))), mdx(Block, {\n    id: \"HaEKvgzFA\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\\uB098 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/378b6\",\n      \"title\": \"타입스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uD0C0\\uC785\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \"\\uB97C \\uC815\\uB9D0 \\uB180\\uB77C\\uC6B4 \\uC2DC\\uAC04 \\uB0B4\\uC5D0 \\uBE4C\\uB4DC\\uD574\\uC11C \\uC0AC\\uC6A9\\uD560 \\uC218 \\uC788\\uAC8C \\uD574\\uC90C\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"SEDEYA30l\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Zig\",\n      \"title\": \"Zig\",\n      \"className\": \" internal-link\"\n    }, \"Zig\"), \" \\uD504\\uB85C\\uADF8\\uB798\\uBC0D \\uC5B8\\uC5B4 \\uAE30\\uBC18\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"yhMIqFEZG\",\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\"), \"\\uB85C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/6e12b\",\n      \"title\": \"자바스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \" \\uC2E4\\uD589\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"753a4559-bab1-5282-a2a2-7215a5bb5d73","title":"Bun","fields":{"slug":"/Bun"}}}],"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: \"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  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"4b7518d7-5d9a-5a20-acf7-c179d6ef14dc","string":"여러 모듈 시스템을 통해 작성된 [[자바스크립트]] 파일을 하나의 파일로 번들링시켜주는 [[모듈 번들러]].","fields":{"parentPage":{"title":"Webpack","fields":{"slug":"/Webpack"}},"slug":"/eFOuqQbAm"}}},{"__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: \"Jsd2ot45k\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD2B8\\uB9AC \\uC170\\uC774\\uD0B9\\uC744 \\uCC98\\uC74C\\uC73C\\uB85C \\uBCF4\\uC5EC\\uC900 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/2916e\",\n      \"title\": \"모듈 번들러\",\n      \"className\": \" internal-link\"\n    }, \"\\uBAA8\\uB4C8 \\uBC88\\uB4E4\\uB7EC\"), \".\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"6264e12b-807c-5144-81fe-ec48b624004c","string":"트리 셰이킹을 처음으로 보여준 [[모듈 번들러]].","fields":{"parentPage":{"title":"Rollup","fields":{"slug":"/Rollup"}},"slug":"/Jsd2ot45k"}}},{"__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: \"AEgGuLAqu\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC6F9 \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158\\uC744 \\uC704\\uD55C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/2916e\",\n      \"title\": \"모듈 번들러\",\n      \"className\": \" internal-link\"\n    }, \"\\uBAA8\\uB4C8 \\uBC88\\uB4E4\\uB7EC\"), \" \\uACB8 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/a9c54\",\n      \"title\": \"트랜스파일러\",\n      \"className\": \" internal-link\"\n    }, \"\\uD2B8\\uB79C\\uC2A4\\uD30C\\uC77C\\uB7EC\"), \" \\uACB8 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/d986e\",\n      \"title\": \"컴파일러\",\n      \"className\": \" internal-link\"\n    }, \"\\uCEF4\\uD30C\\uC77C\\uB7EC\"), \"\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"tQ0ZBBXXd\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uADFC\\uB370 \\uD604\\uC7AC\\uB294 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/6e12b\",\n      \"title\": \"자바스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \" \\uBC0F \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/378b6\",\n      \"title\": \"타입스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uD0C0\\uC785\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \" \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/fab6f\",\n      \"title\": \"린터\",\n      \"className\": \" internal-link\"\n    }, \"\\uB9B0\\uD130\"), \" \\uB9CC \\uB428\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"tO3oWuXTz\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD604\\uC7AC \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Rust\",\n      \"title\": \"Rust\",\n      \"className\": \" internal-link\"\n    }, \"Rust\"), \"\\uB85C \\uC7AC\\uC791\\uC131 \\uC911\\uC774\\uC5B4\\uC11C \\uAE30\\uB2A5\\uC774 \\uB9CE\\uC774 \\uC5C6\\uB294 \\uD3B8\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"PBSCb1zes\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774\\uC804 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Babel\",\n      \"title\": \"Babel\",\n      \"className\": \" internal-link\"\n    }, \"Babel\"), \"\\uC758 \\uC8FC\\uC694 \\uAE30\\uC5EC\\uC790 \\uC911 1\\uBA85\\uC774 \\uB9CC\\uB4E4\\uACE0 \\uC788\\uC74C\")),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"8c54fccf-3847-5a6d-b40d-e82d5f2fe829","string":"웹 애플리케이션을 위한 [[모듈 번들러]] 겸 [[트랜스파일러]] 겸 [[컴파일러]]","fields":{"parentPage":{"title":"Rome","fields":{"slug":"/Rome"}},"slug":"/AEgGuLAqu"}}}]},"fields":{"slug":"/2916e"}}},"pageContext":{"id":"b9aa4baa-bccc-5171-9ce6-e05b08232144"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}