{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/SSR","result":{"data":{"roamPage":{"title":"SSR","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 = {};\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\": \"ssr\"\n  }, \"SSR\"));\n}\n;\nMDXContent.isMDXComponent = true;","outboundReferences":[],"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: \"Qzet319D-\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/Eleventy\",\n      \"title\": \"Eleventy\",\n      \"className\": \" internal-link\"\n    }, \"Eleventy\"), \" \\uAC1C\\uBC1C\\uC790\\uAC00 \\uC791\\uC131\\uD55C \\uC5EC\\uB7EC \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/SSR\",\n      \"title\": \"SSR\",\n      \"className\": \" internal-link\"\n    }, \"SSR\"), \" \\uC811\\uADFC\\uBC95\\uC5D0 \\uB300\\uD55C \\uC811\\uADFC\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"6543f6da-4785-5e56-a494-df99744df954","string":"[[Eleventy]] 개발자가 작성한 여러 [[SSR]] 접근법에 대한 접근","fields":{"parentPage":{"title":"June 21st, 2022","fields":{"slug":"/June-21st-2022"}},"slug":"/Qzet319D"}}},{"__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: \"KZ3P_WiSn\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/SSR\",\n      \"title\": \"SSR\",\n      \"className\": \" internal-link\"\n    }, \"SSR\"), \"\\uC744 \\uD1B5\\uD574 \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/API\",\n      \"title\": \"API\",\n      \"className\": \" internal-link\"\n    }, \"API\"), \" \\uC11C\\uBC84\\uC640 \\uD551\\uD401 \\uACFC\\uC815\\uC744 \\uCD5C\\uC18C\\uD654\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"s5saEB3DR\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD504\\uB860\\uD2B8\\uC5D4\\uB4DC \\uC11C\\uBC84\\uC5D0\\uC11C \\uBC1B\\uC740 \\uC0AC\\uC6A9\\uC790 \\uC2DD\\uBCC4 \\uC815\\uBCF4\\uB85C HTML \\uC751\\uB2F5 \\uC804\\uC5D0 API \\uCF5C\")),\n    mdxType: \"Block\"\n  }), mdx(Block, {\n    id: \"sIGeAob-I\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD504\\uB860\\uD2B8\\uC5D4\\uB4DC \\uC11C\\uBC84\\uC640 API \\uC11C\\uBC84\\uAC00 \\uAC00\\uAE5D\\uAE30 \\uB54C\\uBB38\\uC5D0 \\uB808\\uC774\\uD134\\uC2DC\\uAC00 \\uB0AE\\uC544\\uC9D0\")),\n    mdxType: \"Block\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"5daa6094-9d64-5e86-afc8-67713df714c3","string":"[[SSR]]을 통해 [[API]] 서버와 핑퐁 과정을 최소화","fields":{"parentPage":{"title":"SLASH 22","fields":{"slug":"/SLASH-22"}},"slug":"/KZ3P_WiSn"}}},{"__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: \"B7-xw3JCJ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uCEF4\\uD3EC\\uB10C\\uD2B8 \\uD504\\uB808\\uC784\\uC6CC\\uD06C\\uB294 \\uC77C\\uBC18\\uC801\\uC73C\\uB85C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/SSR\",\n      \"title\": \"SSR\",\n      \"className\": \" internal-link\"\n    }, \"SSR\"), \"\\uC744 \\uCEF4\\uD3EC\\uB10C\\uD2B8 \\uD2B8\\uB9AC\\uB97C \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/HTML\",\n      \"title\": \"HTML\",\n      \"className\": \" internal-link\"\n    }, \"HTML\"), \"\\uB85C \\uB80C\\uB354\\uD558\\uB294 \\uBC29\\uBC95\\uC73C\\uB85C\\uC11C \\uB2E4\\uB8F8\")),\n    mdxType: \"Block\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"8e2a30ba-6792-53ec-9848-03c207821fe3","string":"컴포넌트 프레임워크는 일반적으로 [[SSR]]을 컴포넌트 트리를 [[HTML]]로 렌더하는 방법으로서 다룸","fields":{"parentPage":{"title":"June 21st, 2022","fields":{"slug":"/June-21st-2022"}},"slug":"/B7-xw3JCJ"}}}]},"fields":{"slug":"/SSR"}}},"pageContext":{"id":"eca33e68-f7a3-51a0-8846-d97938fc2a82"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}