{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/Solid.js","result":{"data":{"roamPage":{"title":"Solid.js","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\": \"solidjs\"\n  }, \"Solid.js\"), mdx(Block, {\n    id: \"zxuItUoEM\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://www.solidjs.com/\"\n    }, \"https://www.solidjs.com/\"))),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"P0xBHJhfe\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Reactivity\",\n      \"title\": \"Reactivity\",\n      \"className\": \" internal-link\"\n    }, \"Reactivity\"), \"\\uB97C \\uBC14\\uD0D5\\uC73C\\uB85C \\uD558\\uB294 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/6e12b\",\n      \"title\": \"자바스크립트\",\n      \"className\": \" internal-link\"\n    }, \"\\uC790\\uBC14\\uC2A4\\uD06C\\uB9BD\\uD2B8\"), \" \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/UI\",\n      \"title\": \"UI\",\n      \"className\": \" internal-link\"\n    }, \"UI\"), \" \\uD504\\uB808\\uC784\\uC6CC\\uD06C\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"QC8GcNEvK\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"다른-프레임워크와-어떻게-다른가\"\n    }, \"\\uB2E4\\uB978 \\uD504\\uB808\\uC784\\uC6CC\\uD06C\\uC640 \\uC5B4\\uB5BB\\uAC8C \\uB2E4\\uB978\\uAC00\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"Ej07Ixe_S\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/React\",\n      \"title\": \"React\",\n      \"className\": \" internal-link\"\n    }, \"React\"), \"\\uB294 (\\uC774\\uB984\\uACFC \\uB2E4\\uB974\\uAC8C) reactive\\uD558\\uC9C0 \\uC54A\\uC74C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"t3NNrkgiH\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uAC12\\uC758 \\uBCC0\\uACBD\\uC73C\\uB85C\\uBD80\\uD130 \\uD2B9\\uC815\\uD55C \\uC0AC\\uC774\\uB4DC \\uC774\\uD399\\uD2B8\\uB098 \\uC7AC\\uACC4\\uC0B0\\uC744 \\uC218\\uD589\\uD558\\uB294 \\uB85C\\uC9C1\\uC774 \\uC5C6\\uC74C\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"Rqr9P7tfD\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Vue\",\n      \"title\": \"Vue\",\n      \"className\": \" internal-link\"\n    }, \"Vue\"), \"\\uB294 \\uC774\\uB7EC\\uD55C reactivity\\uAC00 \\uC874\\uC7AC\\uD558\\uB098\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"uBUvJprVA\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uBCC0\\uACBD \\uC774\\uD6C4\\uC5D0\\uB294 \\uCEF4\\uD3EC\\uB10C\\uD2B8 \\uC804\\uCCB4\\uB97C \\uB2E4\\uC2DC evaulate\\uD55C\\uB2E4\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"UdXA7M9MG\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Solid\\uB294 \", mdx(\"strong\", {\n      parentName: \"p\"\n    }, \"\\uBCC0\\uACBD\\uB41C \\uAC12\\uC5D0 \\uC601\\uD5A5\\uC744 \\uBC1B\\uB294 UI \\uC694\\uC18C\\uB9CC \\uBCC0\\uACBD\\uD55C\\uB2E4\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"Jyc5MgWG-\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC7AC\\uACC4\\uC0B0\\uD574\\uC57C \\uD558\\uB294 UI \\uC694\\uC18C\\uC640 \\uBC14\\uB00C\\uC5B4\\uC57C \\uD558\\uB294 UI \\uC694\\uC18C\\uAC00 \\uAC19\\uC73C\\uBBC0\\uB85C VDOM\\uC758 \\uD544\\uC694\\uAC00 \\uC5C6\\uC74C\")),\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 = {};\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\": \"reactivity\"\n  }, \"Reactivity\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"afe3ddc2-b61a-5095-802d-c91c1258c4fc","title":"Reactivity","fields":{"slug":"/Reactivity"}}},{"__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 = {};\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\": \"ui\"\n  }, \"UI\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"1660cb47-4225-5dc8-94c5-5297b93401e0","title":"UI","fields":{"slug":"/UI"}}},{"__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\": \"react\"\n  }, \"React\"), mdx(Block, {\n    id: \"zHm4K4Z7x\",\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\"), \"\\uB85C UI\\uB97C \\uC791\\uC131\\uD558\\uAE30 \\uC704\\uD574 \\uB9CC\\uB4E4\\uC5B4\\uC9C4 \\uD504\\uB808\\uC784\\uC6CC\\uD06C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"DZMo65BCy\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774\\uAC70 \\uB77C\\uC774\\uBE0C\\uB7EC\\uB9AC \\uC544\\uB2C8\\uACE0 \\uC774\\uAC78\\uB85C \\uB17C\\uC7C1\\uD560 \\uC758\\uD5A5 \\uC5C6\\uC74C\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"gBYhP387G\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"링크\"\n    }, \"\\uB9C1\\uD06C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"CoRv-jsn6\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://reactjs.org/\"\n    }, \"https://reactjs.org/\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"iIDbqfEhq\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uACF5\\uC2DD \\uBB38\\uC11C\\uB294 \\uC815\\uB9D0 \\uC2EC\\uD558\\uAC8C outdated \\uB418\\uC5B4 \\uC788\\uC73C\\uB2C8 \\uB2E4\\uB978 \\uBB38\\uC11C\\uB97C \\uBCF4\\uAC70\\uB098 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://beta.reactjs.org/\"\n    }, \"Beta\"), \" \\uBB38\\uC11C\\uB97C \\uCC38\\uC870\\uD558\\uC790.\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"HV4PGM8um\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/reactjs/\"\n    }, \"https://github.com/reactjs/\"))),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"Es6yszXDk\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774\\uB984 \\uAC12\\uC744 \\uBABB \\uD558\\uAE30 \\uB54C\\uBB38\\uC5D0 \\uC815\\uC791 \\uB9AC\\uC561\\uD2B8\\uB294 \\uC5EC\\uAE30 \\uC5C6\\uC74C\")),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"uxqGk46UX\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://github.com/facebook/react/\"\n    }, \"https://github.com/facebook/react/\"))),\n    mdxType: \"Block\"\n  })), mdx(Block, {\n    id: \"Cc8OmSTUs\",\n    content: mdx(React.Fragment, null, mdx(\"h1\", {\n      \"id\": \"메타-프레임워크\"\n    }, \"\\uBA54\\uD0C0 \\uD504\\uB808\\uC784\\uC6CC\\uD06C\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"KNQbFe8e4\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/NextJS\",\n      \"title\": \"NextJS\",\n      \"className\": \" internal-link\"\n    }, \"NextJS\"), \"\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"UbW8OumBM\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Remix\",\n      \"title\": \"Remix\",\n      \"className\": \" internal-link\"\n    }, \"Remix\"), \"\")),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"5bbe90d5-d911-55d6-a597-e678e7873693","title":"React","fields":{"slug":"/React"}}},{"__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 = {};\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\": \"vue\"\n  }, \"Vue\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"e9794304-a329-57bd-837c-2ca7fffcbc2f","title":"Vue","fields":{"slug":"/Vue"}}}],"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: \"WDSKvgVnn\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Solid.js\",\n      \"title\": \"Solid.js\",\n      \"className\": \" internal-link\"\n    }, \"Solid.js\"), \" \\uCC2C\\uC591\\uC740 \\uC880 \\uB4A4\\uB85C\\uD558\\uB354\\uB77C\\uB3C4 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/ESLint\",\n      \"title\": \"ESLint\",\n      \"className\": \" internal-link\"\n    }, \"ESLint\"), \"\\uB97C \\uB611\\uBC14\\uB85C \\uC14B\\uC5C5\\uD574\\uB458 \")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"924a2754-f757-5b3d-a25c-8119c57d98d7","string":"[[Solid.js]] 찬양은 좀 뒤로하더라도 [[ESLint]]를 똑바로 셋업해둘 ","fields":{"parentPage":{"title":"June 14th, 2022","fields":{"slug":"/June-14th-2022"}},"slug":"/WDSKvgVnn"}}},{"__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: \"LBe9c9ktl\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uCEF4\\uD3EC\\uB10C\\uD2B8 \\uD504\\uB808\\uC784\\uC6CC\\uD06C: \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/React\",\n      \"title\": \"React\",\n      \"className\": \" internal-link\"\n    }, \"React\"), \", \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Solid.js\",\n      \"title\": \"Solid.js\",\n      \"className\": \" internal-link\"\n    }, \"Solid.js\"), \" \\uB4F1\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"39e1f9ef-0d9b-56da-a00a-c7b5f035b5d0","string":"컴포넌트 프레임워크: [[React]], [[Solid.js]] 등","fields":{"parentPage":{"title":"June 21st, 2022","fields":{"slug":"/June-21st-2022"}},"slug":"/LBe9c9ktl"}}}]},"fields":{"slug":"/Solid.js"}}},"pageContext":{"id":"39ba099b-01d9-5aad-b05b-7dad85f438b7"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}