{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/97d34","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 = {};\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  }, \"\\uC544\\uD1A0\\uBBF9 \\uB514\\uC790\\uC778\"));\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: \"A72WZnqTQ\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/\"\n    }, \"\\uC544\\uD1A0\\uBBF9 \\uB514\\uC790\\uC778\\uC744 \\uD65C\\uC6A9\\uD55C \\uB514\\uC790\\uC778 \\uC2DC\\uC2A4\\uD15C \\uB3C4\\uC785\\uAE30\"), \" \", mdx(\"a\", {\n      parentName: \"p\",\n      \"href\": \"/97d34\",\n      \"title\": \"hashtag_아토믹 디자인\",\n      \"className\": \" internal-link hashtag\"\n    }, \"\\uC544\\uD1A0\\uBBF9 \\uB514\\uC790\\uC778\"), \" \")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"ERs4asWyG\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC544\\uD1A0\\uBBF9 \\uB514\\uC790\\uC778\\uC744 \\uBE44\\uD310\\uD560 \\uB54C \\uC885\\uC885 \\uAC70\\uB860\\uB418\\uB358 Molecule, Organism \\uAD6C\\uBD84\\uC5D0 \\uB300\\uD55C \\uC8FC\\uAD00\\uC131\\uC744 \\uD574\\uC11D\\uD55C \\uBC29\\uBC95\\uC774 \\uD765\\uBBF8\\uB86D\\uAE34 \\uD55C\\uB370, \\uC0AC\\uC2E4 \\uC5EC\\uC804\\uD788 \\uC8FC\\uAD00\\uC801\\uC778 \\uBC29\\uBC95\\uC774\\uB77C\\uB294 \\uB290\\uB08C\\uC740 \\uB4E0\\uB2E4\")),\n    mdxType: \"Block\"\n  }, mdx(Block, {\n    id: \"gVmcCnIVm\",\n    content: mdx(React.Fragment, null, mdx(\"p\", null, \"Comment\\uB294 \\uCEE8\\uD14D\\uC2A4\\uD2B8\\uC778\\uAC00? Post\\uB294 \\uCEE8\\uD14D\\uC2A4\\uD2B8\\uC778\\uAC00? Molecule\\uC5D0 \\uCEE8\\uD14D\\uC2A4\\uD2B8\\uAC00 \\uD3EC\\uD568\\uB418\\uB294 \\uBCC0\\uACBD \\uC0AC\\uD56D\\uC774 \\uD544\\uC694\\uD574\\uC9C4\\uB2E4\\uBA74 \\uC5B4\\uB5BB\\uAC8C \\uD560 \\uAC83\\uC778\\uAC00?\")),\n    mdxType: \"Block\"\n  }))));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamBlock","id":"f50b7570-a01e-57cb-8e13-61eb8cc948b8","string":"[아토믹 디자인을 활용한 디자인 시스템 도입기](https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/) #[[아토믹 디자인]] ","fields":{"parentPage":{"title":"June 7th, 2022","fields":{"slug":"/June-7th-2022"}},"slug":"/A72WZnqTQ"}}}]},"fields":{"slug":"/97d34"}}},"pageContext":{"id":"add42436-c0c9-50a9-8be4-6b9759e27e35"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}