{"componentChunkName":"component---node-modules-stvad-gatsby-theme-garden-src-templates-roam-page-js","path":"/July-12th-2022","result":{"data":{"roamPage":{"title":"July 12th, 2022","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\": \"july-12th-2022\"\n }, \"July 12th, 2022\"), mdx(Block, {\n id: \"NU5oQ5Q-Q\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC624\\uB798\\uB3C4 \\uC26C\\uC5C8\\uB2E4. \\uC0C1\\uC8FC\\uB294 \\uD560 \\uAC8C \\uBABB \\uB418\\uB354\\uB77C.\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"AJjCi-guI\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC624\\uB298 \\uC811\\uD55C \\uB9C1\\uD06C\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"zS8yCkKLM\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://www.joshwcomeau.com/javascript/statements-vs-expressions/\"\n }, \"Statements Vs. Expressions\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"852-zSqHV\",\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\"), \"\\uB97C \\uBC14\\uD0D5\\uC73C\\uB85C \\uBB38\\uACFC \\uC2DD\\uC758 \\uCC28\\uC774\\uB97C \\uC124\\uBA85\\uD558\\uB294 \\uAE00\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"MuJco68IX\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uB09C \\uC774 \\uAC1C\\uB150\\uC774 \\uCC98\\uC74C \\uD504\\uB85C\\uADF8\\uB798\\uBC0D\\uC744 \\uC811\\uD558\\uB294 \\uC0AC\\uB78C\\uB4E4\\uC5D0\\uAC8C \\uC798 \\uC124\\uBA85\\uB418\\uC5C8\\uC73C\\uBA74 \\uD55C\\uB2E4...\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"aQXJZpr7F\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD2B9\\uD788 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/JSX\",\n \"title\": \"JSX\",\n \"className\": \" internal-link\"\n }, \"JSX\"), \"\\uB97C \\uC0AC\\uC6A9\\uD560 \\uB54C \\uC65C if\\uBB38\\uC744 \\uC548\\uC5D0\\uC11C \\uBABB \\uC4F0\\uB294\\uAC00? \\uB4F1\\uC758 \\uC9C8\\uBB38\\uC774 \\uD655\\uC2E4\\uD788 \\uD574\\uACB0\\uB428\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"H1PM3jSr7\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://css-tricks.com/technical-writing-for-developers/\"\n }, \"Technical Writing for Developers | CSS-Tricks - CSS-Tricks\"), \" \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/Technical-Writing\",\n \"title\": \"hashtag_Technical Writing\",\n \"className\": \" internal-link hashtag\"\n }, \"Technical Writing\"), \"\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"vYAuYczF-\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uD14C\\uD06C\\uB2C8\\uCEEC \\uB77C\\uC774\\uD305\\uC744 \\uC704\\uD55C \\uAC00\\uC774\\uB4DC\\uB77C\\uC778\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"oh6laxtWp\",\n content: mdx(React.Fragment, null, mdx(\"blockquote\", null, mdx(\"p\", {\n parentName: \"blockquote\"\n }, \"Readers usually convert a passive voice to an active voice in their heads, resulting in more processing time.\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"x_Or9Lo8D\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uCF54\\uB4DC \\uC8FC\\uC11D\\uC740 \\uCF54\\uB4DC\\uB9CC\\uC73C\\uB85C \\uC124\\uBA85\\uB418\\uC9C0 \\uC54A\\uB294 \\uAC83\\uB4E4\\uC744 \\uC124\\uBA85\\uD558\\uAE30 \\uC704\\uD568: \\uC758\\uB3C4, \\uB9E5\\uB77D, \\uCD9C\\uCC98, \\uB2F9\\uC2DC \\uC0C1\\uD669, \\uBBF8\\uB904\\uB454 \\uAC83\\uB4E4...\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"qg7-QpKD0\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC8FC\\uC11D\\uC774 \\uC124\\uBA85\\uD558\\uB294 \\uAC83\\uC774 \\uD56D\\uC0C1 \\uD604\\uC7AC \\uCF54\\uB4DC\\uC640 \\uBD80\\uD569\\uD558\\uB3C4\\uB85D, \\uB458 \\uC911 \\uD558\\uB098\\uB9CC \\uACE0\\uCE58\\uC9C0 \\uB9D0 \\uAC83\")),\n mdxType: \"Block\"\n }))), mdx(Block, {\n id: \"LRLgFP4T0\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://techblog.woowahan.com/8311/\"\n }, \"\\uB9CC\\uB4E4\\uC5B4 \\uAC00\\uBA70 \\uC54C\\uC544\\uBCF4\\uB294 React: React\\uB294 \\uC65C \\uC131\\uACF5\\uD588\\uB098\"), \" \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/React\",\n \"title\": \"hashtag_React\",\n \"className\": \"hashtag internal-link\"\n }, \"React\"), \"\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"q-sKuE7B5\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"del\", {\n parentName: \"p\"\n }, \"\\uC5B4\\uB5BB\\uAC8C React\\uB97C \\uAD6C\\uD604\\uD558\\uBA74\\uC11C \\uC2A4\\uCF00\\uC974\\uB7EC\\uB97C \\uBE7C\\uBA39\\uB0D0!\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"LFiYso2K5\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"React\\uAC00 \\uC5B4\\uB5BB\\uAC8C \\uB3CC\\uC544\\uAC00\\uB294 \\uC9C0 \\uC804\\uBC18\\uC801\\uC778 \\uC544\\uC774\\uB514\\uC5B4\\uB294 \\uC5BB\\uC744 \\uC218 \\uC788\\uC73C\\uBA74\\uC11C\\uB3C4 \\uB108\\uBB34 \\uAE4A\\uAC8C \\uB4E4\\uC5B4\\uAC00\\uC9C0 \\uC54A\\uB294 \\uC120\\uC744 \\uC798 \\uB9DE\\uCD98 \\uB4EF\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"uyApEaTCJ\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://www.chakshunyu.com/blog/5-important-things-to-check-when-picking-npm-react-libraries/\"\n }, \"5 Important Things To Check When Picking NPM React Libraries\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"KDGgSJGM8\",\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\"), \" \\uC0AC\\uC6A9 \\uD504\\uB85C\\uC81D\\uD2B8\\uC5D0\\uC11C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/4aeaf\",\n \"title\": \"라이브러리\",\n \"className\": \" internal-link\"\n }, \"\\uB77C\\uC774\\uBE0C\\uB7EC\\uB9AC\"), \"\\uB97C \\uACE0\\uB974\\uB294 \\uBC29\\uBC95\\uC5D0 \\uB300\\uD55C \\uC124\\uBA85\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"cTMjEWBsd\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC124\\uBA85 \\uC911 \\uC77C\\uBD80\\uB294 React\\uB97C \\uC0AC\\uC6A9\\uD558\\uC9C0 \\uC54A\\uB354\\uB77C\\uB3C4 \\uC720\\uC6A9\\uD558\\uAC8C \\uC4F8 \\uC218 \\uC788\\uC744 \\uB4EF\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"RXEbjBqbI\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/naver/fe-news/blob/master/issues/2022-07.md\"\n }, \"fe-news 7\\uC6D4\\uD638\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"EeEWCOmmC\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://h3manth.com/ES2022/\"\n }, \"ES2022 Features!\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"tZySwfdsO\",\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\"), \" \\uC0C8\\uB85C\\uC6B4 \\uAE30\\uB2A5\\uB4E4\\uC778\\uB370... \\uC0AC\\uC2E4 2022 \\uD45C\\uC900\\uC5D0 \\uB4E4\\uC5B4\\uAC14\\uB2E4 \\uBFD0\\uC774\\uC9C0 \\uAE30\\uB2A5 \\uC790\\uCCB4\\uB294 \\uB4E4\\uC5B4\\uAC04 \\uC9C0 \\uC880 \\uC624\\uB798\\uB418\\uAE34 \\uD568\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"7wxQmbXQu\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://youtu.be/kMlkCYL9qo0\"\n }, \"Svelte Origins\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"x0iPNQAHB\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/Svelte\",\n \"title\": \"Svelte\",\n \"className\": \" internal-link\"\n }, \"Svelte\"), \"\\uC758 \\uD0C4\\uC0DD \\uBE44\\uD654\\uB97C \\uB2E4\\uB8E8\\uB294 \\uB2E4\\uD050\\uBA58\\uD130\\uB9AC\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"uLox9Q9Hh\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uADFC\\uB370 Svelte\\uC5D0 \\uB300\\uD55C \\uC124\\uBA85\\uC774 \\uC880 \\uAE38\\uC5B4\\uC11C, \\uC544\\uB294 \\uBD84\\uB4E4\\uC740 \\uC880 \\uC9C0\\uB8E8\\uD560 \\uC218\\uB3C4 \\uC788\\uACA0\\uAC70\\uB2C8 \\uC2F6\\uC74C\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"pS-vXIJYl\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://www.youtube.com/playlist?list=PL37ZVnwpeshGuMZrOZzEo8QLBjjpbtBGm\"\n }, \"JSConf Budapest 2022\"), \" \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/JSConf\",\n \"title\": \"hashtag_JSConf\",\n \"className\": \"hashtag internal-link\"\n }, \"JSConf\"), \"\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"bSEdHZjyI\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"{{\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/TODO\",\n \"title\": \"TODO\",\n \"className\": \" internal-link\"\n }, \"TODO\"), \"}} \\uC0B4\\uD3B4\\uBCF4\\uAE30\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"4Th_4GRa-\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://betterprogramming.pub/understanding-the-closure-trap-of-react-hooks-6c560c408cde\"\n }, \"Understanding the Closure Trap of React Hooks\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"27f6BIqz7\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774\\uB807\\uAC8C\\uAE4C\\uC9C0 \\uC5B4\\uB835\\uAC8C \\uC124\\uBA85\\uD560 \\uB0B4\\uC6A9\\uC774 \\uC544\\uB2CC\\uB370..\")),\n mdxType: \"Block\"\n }))), mdx(Block, {\n id: \"mmEXW2cDM\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://fe-developers.kakaoent.com/2022/220310-kakaopage-bff/\"\n }, \"\\uCE74\\uCE74\\uC624\\uD398\\uC774\\uC9C0\\uB294 BFF(Backend For Frontend)\\uB97C \\uC5B4\\uB5BB\\uAC8C \\uC801\\uC6A9\\uD588\\uC744\\uAE4C?\"), \" \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/BFF\",\n \"title\": \"hashtag_BFF\",\n \"className\": \"hashtag internal-link\"\n }, \"BFF\"), \"\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"fK0iOpjd4\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC0AC\\uC2E4 \\uB9C1\\uD06C \\uC811\\uD55C \\uC9C0\\uB294 \\uC624\\uB798\\uB410\\uB294\\uB370 \\uC77D\\uC9C8 \\uBABB \\uD588\\uC74C \\u314B\\u314B\\u314B\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"YYVSrA_EG\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"BFF\\uB97C \\uD1B5\\uD574 \\uD504\\uB860\\uD2B8\\uC5D4\\uB4DC\\uC640 \\uAC01 API \")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"2VGYzjigI\",\n content: mdx(React.Fragment, null, mdx(\"blockquote\", null, mdx(\"p\", {\n parentName: \"blockquote\"\n }, \"\\uD074\\uB77C\\uC774\\uC5B8\\uD2B8\\uC758 \\uAFC8\\uC778 \\u2018\\uD654\\uBA74\\uC5D0 \\uD544\\uC694\\uD55C \\uB370\\uC774\\uD130\\uB9CC \\uBC1B\\uB294\\u2019 partial response\\uB97C \\uD558\\uAE30 \\uC5B4\\uB824\\uC6B4 \\uC774\\uC288\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"1F6tppLeW\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774\\uAC70 \\uBCF4\\uACE0 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/GraphQL\",\n \"title\": \"GraphQL\",\n \"className\": \" internal-link\"\n }, \"GraphQL\"), \" \\uB5A0\\uC62C\\uB838\\uB294\\uB370 \\uC544\\uB2C8\\uB098 \\uB2E4\\uB97C\\uAE4C \\uBC14\\uB85C \\uB098\\uC634\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"gTUo55p9t\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"GraphQL Mesh \\uAC19\\uC740 \\uAC78 \\uC801\\uC6A9\\uD574\\uBCF4\\uC544\\uB3C4 \\uC88B\\uC744 \\uB4EF\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"VBv_NRqNE\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"Normalized Caching\\uC758 \\uC5B4\\uB824\\uC6C0\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"vgsqi7Oc-\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC0AC\\uC2E4 \\uC774\\uAC78 \\uC798 \\uD558\\uAE30 \\uC704\\uD574\\uC11C\\uB294 \\uC2A4\\uD0A4\\uB9C8 \\uBAA8\\uB378\\uB9C1\\uC744 \\uC798 \\uD574\\uC57C \\uD558\\uAE30\\uB3C4 \\uD568...\")),\n mdxType: \"Block\"\n }))), mdx(Block, {\n id: \"3L9G4zWJ1\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://buttondown.email/cassidoo/archive/happiness-can-exist-only-in-acceptance-george/\"\n }, \"\\uD83D\\uDE81 \\\"Happiness can exist only in acceptance.\\\" - George Orwell \\u2022 Buttondown\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"1PraGhE09\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774\\uB807\\uAC8C \\uBAB0\\uC544\\uC11C \\uC77D\\uC744 \\uB54C\\uB294 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/37d69\",\n \"title\": \"뉴스레터\",\n \"className\": \" internal-link\"\n }, \"\\uB274\\uC2A4\\uB808\\uD130\"), \"\\uC758 \\uC874\\uC7AC\\uAC00 \\uC5BC\\uB9C8\\uB098 \\uACE0\\uB9C8\\uC6B4 \\uC9C0 \\uBAA8\\uB974\\uACA0\\uB2E4.\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"b9fqq-_is\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://blog.theodo.com/2022/07/simplify-your-applications-with-xstate/\"\n }, \"Simplify your full-stack applications with XState | Theodo\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"5oPAI8gqE\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uBCF5\\uC7A1\\uD55C \\uC0C1\\uD0DC\\uB97C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/d4b8a\",\n \"title\": \"상태 기계\",\n \"className\": \" internal-link\"\n }, \"\\uC0C1\\uD0DC \\uAE30\\uACC4\"), \"\\uB85C \\uB2E4\\uB8E8\\uAC8C \\uB418\\uBA74 \\uC0C1\\uD0DC\\uC758 \\uBCC0\\uD654\\uC640 \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158\\uC744 \\uBD84\\uB9AC\\uD560 \\uC218 \\uC788\\uB2E4.\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"5-CAjotbj\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC774 \\uAE00\\uC5D0\\uC11C\\uB294 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/XState\",\n \"title\": \"XState\",\n \"className\": \" internal-link\"\n }, \"XState\"), \"\\uB85C \\uADF8 \\uC608\\uC2DC\\uB97C \\uBCF4\\uC5EC\\uC90C\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"kyj8Mhx3V\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://css-irl.info/masonry-in-css/\"\n }, \"CSS { In Real Life } | Masonry? In CSS?!\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"PSjrPzub8\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/CSS\",\n \"title\": \"CSS\",\n \"className\": \" internal-link\"\n }, \"CSS\"), \"\\uC5D0\\uC11C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/Masonry\",\n \"title\": \"Masonry\",\n \"className\": \" internal-link\"\n }, \"Masonry\"), \" \\uB808\\uC774\\uC544\\uC6C3\\uC758 \\uC0AC\\uC6A9\\uC5D0 \\uAD00\\uD574 \\uB2E4\\uB8F8\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"nrnvmn8jc\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"Grid \\uCC98\\uC74C \\uB098\\uC654\\uC744 \\uB54C\\uBD80\\uD130 \\uC800\\uAC70 \\uC2E4\\uD5D8\\uD558\\uACE0 \\uC788\\uB358 \\uAC78\\uB85C \\uAE30\\uC5B5\\uD558\\uB294\\uB370 \\uB300\\uCCB4 \\uC5B8\\uC81C \\uD45C\\uC900 \\uD3B8\\uC785\\uB418\\uB098...\")),\n mdxType: \"Block\"\n }))), mdx(Block, {\n id: \"TFqs9HScO\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://www.getrevue.co/profile/thisweekinreact/issues/this-week-in-react-111-reassure-multiplayer-cursors-next-js-meteor-storybook-tanstack-flashlist-bun-1246399\"\n }, \"This Week In React \", mdx(\"a\", {\n parentName: \"a\",\n \"href\": \"/111:\",\n \"title\": \"hashtag_111:\",\n \"className\": \"hashtag internal-link\"\n }, \"111:\"), \" Reassure, Multiplayer Cursors, Next.js, Meteor, Storybook, TanStack, FlashList, Bun... | Revue\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"teRAzXrzY\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://meteor10.sachagreif.com/\"\n }, \"10 Years of Meteor\"))),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"NaoApLedJ\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC2DC\\uB300\\uB97C \\uB108\\uBB34 \\uC55E\\uC11C\\uAC04 \", 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\": \"/1d3d1\",\n \"title\": \"프레임워크\",\n \"className\": \" internal-link\"\n }, \"\\uD504\\uB808\\uC784\\uC6CC\\uD06C\"), \"\\uB77C\\uB294 \\uC138\\uAC04\\uC758 \\uD45C\\uD604\\uC5D0 \\uC804\\uBC18\\uC801\\uC73C\\uB85C \\uB3D9\\uC758\\uD558\\uAC8C \\uB41C\\uB2E4\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"VdWm13gWM\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/Replicache\",\n \"title\": \"Replicache\",\n \"className\": \" internal-link\"\n }, \"Replicache\"), \" \\uBCF4\\uBA74\\uC11C \\uB2F9\\uC2DC\\uC758 \\uBA4B\\uC84C\\uB358 \\uB9AC\\uC5BC \\uD0C0\\uC784 \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158 \\uB9CC\\uB4E4 \\uC218 \\uC788\\uC744 \\uC9C0 \\uAE30\\uB300\\uD574\\uBCF4\\uACE0 \\uC788\\uC74C\")),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"LIgxDk-z2\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://www.developerway.com/posts/react-elements-children-parents\"\n }, \"The mystery of React Element, children, parents and re-renders\"), \" \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/React\",\n \"title\": \"hashtag_React\",\n \"className\": \"hashtag internal-link\"\n }, \"React\"), \"\")),\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\": \"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\": \"jsconf\"\n }, \"JSConf\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"32d42482-395f-5da0-8f77-ee5f32889e62","title":"JSConf","fields":{"slug":"/JSConf"}}},{"__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\": \"bff\"\n }, \"BFF\"), mdx(Block, {\n id: \"O9S6Bka-E\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"Backend-for-Frontend\")),\n mdxType: \"Block\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"86597d98-c22b-591f-affe-6c6e38a0baa2","title":"BFF","fields":{"slug":"/BFF"}}},{"__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\": \"jsx\"\n }, \"JSX\"), mdx(Block, {\n id: \"Yd2Mbuby9\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/jsx/\"\n }, \"https://facebook.github.io/jsx/\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"N4Hl1F5Q9\",\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 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/XML\",\n \"title\": \"XML\",\n \"className\": \" internal-link\"\n }, \"XML\"), \"\\uACFC \\uC720\\uC0AC\\uD55C \\uBB38\\uBC95\\uC744 \\uC0AC\\uC6A9\\uD558\\uAC8C \\uD574\\uC8FC\\uB294 \\uD655\\uC7A5 \\uBB38\\uBC95\")),\n mdxType: \"Block\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"9c05b2e6-83c1-5ec8-bdca-ec6a200dc8b9","title":"JSX","fields":{"slug":"/JSX"}}},{"__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\": \"technical-writing\"\n }, \"Technical Writing\"), mdx(Block, {\n id: \"lub_B-rio\",\n content: mdx(React.Fragment, null, mdx(\"h1\", {\n \"id\": \"잘-하는-법\"\n }, \"\\uC798 \\uD558\\uB294 \\uBC95\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"RuCoPFxiY\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://tech.kakaoenterprise.com/102\"\n }, \"\\uD14C\\uD06C\\uB2C8\\uCEEC \\uB77C\\uC774\\uD305 4\\uB300 \\uC6D0\\uCE59\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"8wEvi8qcY\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://tech-kakaoenterprise.tistory.com/110\"\n }, \"\\uAC1C\\uBC1C\\uC790\\uB4E4\\uC744 \\uC704\\uD55C \\uD14C\\uD06C\\uB2C8\\uCEEC \\uB77C\\uC774\\uD305 10\\uACC4\\uBA85\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"YFm5hhf7N\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://developers.google.com/tech-writing\"\n }, \"Technical Writing Courses by Google Developers\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"AzW8c90UA\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://engineering.linecorp.com/ko/blog/document-engineering-api-documentation/\"\n }, \"\\uBB38\\uC11C \\uC5D4\\uC9C0\\uB2C8\\uC5B4\\uB9C1\\uACFC API \\uBB38\\uC11C\\uD654\"))),\n mdxType: \"Block\"\n })), mdx(Block, {\n id: \"0SACWSRnL\",\n content: mdx(React.Fragment, null, mdx(\"h1\", {\n \"id\": \"가이드라인\"\n }, \"\\uAC00\\uC774\\uB4DC\\uB77C\\uC778\")),\n mdxType: \"Block\"\n }, mdx(Block, {\n id: \"cn-ObXFA0\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://developers.google.com/style\"\n }, \"Google Developers Documentation Style Guide\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"blZuK0KvU\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://docs.microsoft.com/en-us/style-guide/welcome/\"\n }, \"Microsoft Writing Style Guide\"))),\n mdxType: \"Block\"\n })));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"28b03335-ed98-5054-935c-d0e6105e26e7","title":"Technical Writing","fields":{"slug":"/Technical-Writing"}}},{"__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\": \"라이브러리\"\n }, \"\\uB77C\\uC774\\uBE0C\\uB7EC\\uB9AC\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"6a8f61ee-e102-5350-9cab-d4a41779f7eb","title":"라이브러리","fields":{"slug":"/4aeaf"}}},{"__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\": \"svelte\"\n }, \"Svelte\"), mdx(Block, {\n id: \"vEpz8ti4-\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uB7F0\\uD0C0\\uC784 \\uB300\\uC2E0 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/d986e\",\n \"title\": \"컴파일러\",\n \"className\": \" internal-link\"\n }, \"\\uCEF4\\uD30C\\uC77C\\uB7EC\"), \"\\uB97C \\uD1B5\\uD574 \\uB300\\uBD80\\uBD84\\uC758 \\uC791\\uC5C5\\uC744 \\uCEF4\\uD30C\\uC77C\\uD574 \\uACE0\\uC131\\uB2A5 \\uACBD\\uB7C9 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/9f451\",\n \"title\": \"웹\",\n \"className\": \" internal-link\"\n }, \"\\uC6F9\"), \" \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158\\uC744 \\uAC1C\\uBC1C\\uD558\\uAE30 \\uC704\\uD55C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/1d3d1\",\n \"title\": \"프레임워크\",\n \"className\": \" internal-link\"\n }, \"\\uD504\\uB808\\uC784\\uC6CC\\uD06C\"), \"\")),\n mdxType: \"Block\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"dc583926-661f-528a-b4a9-cc1a9ace35b0","title":"Svelte","fields":{"slug":"/Svelte"}}},{"__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\": \"todo\"\n }, \"TODO\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"a7365f48-c068-51b2-b235-a9f6ddf2a5be","title":"TODO","fields":{"slug":"/TODO"}}},{"__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\": \"graphql\"\n }, \"GraphQL\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"d5cbbd97-12a9-543a-bceb-72b27510f4e8","title":"GraphQL","fields":{"slug":"/GraphQL"}}},{"__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\": \"뉴스레터\"\n }, \"\\uB274\\uC2A4\\uB808\\uD130\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"1e4fe47f-6366-5854-b3e1-900cbdd3bd62","title":"뉴스레터","fields":{"slug":"/37d69"}}},{"__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\": \"상태-기계\"\n }, \"\\uC0C1\\uD0DC \\uAE30\\uACC4\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"855a47f8-bd31-5292-9c37-8c4dcaf0eadf","title":"상태 기계","fields":{"slug":"/d4b8a"}}},{"__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\": \"xstate\"\n }, \"XState\"), mdx(Block, {\n id: \"EWKao_zPJ\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://xstate.js.org/\"\n }, \"https://xstate.js.org/\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"OkQNRGcyM\",\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 \\uB9CC\\uB4E4\\uC5B4\\uC9C4 \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/d4b8a\",\n \"title\": \"상태 기계\",\n \"className\": \" internal-link\"\n }, \"\\uC0C1\\uD0DC \\uAE30\\uACC4\"), \" \\uAD6C\\uD604\\uCCB4\")),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"DYndjXb8U\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\\uC27D\\uAC8C \\uC0AC\\uC6A9\\uD560 \\uC218 \\uC788\\uB294 \\uC0C1\\uD638 \\uC791\\uC6A9 \\uAC00\\uB2A5\\uD55C Visualizer\\uB97C \\uC4F8 \\uC218 \\uC788\\uB294 \\uAC8C \\uD070 \\uD2B9\\uC9D5\\uC774\\uC790 \\uAC15\\uC810\\uC784\")),\n mdxType: \"Block\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"41f26dee-aa4b-5f55-873e-0d9f1594c87d","title":"XState","fields":{"slug":"/XState"}}},{"__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 }, \"\"), \"\\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 = {};\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\": \"masonry\"\n }, \"Masonry\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"cbc64cdd-7a18-5476-afb2-b20e6e2dff90","title":"Masonry","fields":{"slug":"/Masonry"}}},{"__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\": \"프레임워크\"\n }, \"\\uD504\\uB808\\uC784\\uC6CC\\uD06C\"));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"52f57555-21d5-57e7-84ae-b7d077d28693","title":"프레임워크","fields":{"slug":"/1d3d1"}}},{"__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\": \"replicache\"\n }, \"Replicache\"), mdx(Block, {\n id: \"uj3qFUBgN\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://replicache.dev/\"\n }, \"https://replicache.dev/\"))),\n mdxType: \"Block\"\n }), mdx(Block, {\n id: \"5hJrZuULA\",\n content: mdx(React.Fragment, null, mdx(\"p\", null, \"\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/24fda\",\n \"title\": \"실시간\",\n \"className\": \" internal-link\"\n }, \"\\uC2E4\\uC2DC\\uAC04\"), \" \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/9f451\",\n \"title\": \"웹\",\n \"className\": \" internal-link\"\n }, \"\\uC6F9\"), \" \\uC560\\uD50C\\uB9AC\\uCF00\\uC774\\uC158 \\uAC1C\\uBC1C\\uC744 \\uC704\\uD55C \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/SaaS\",\n \"title\": \"SaaS\",\n \"className\": \" internal-link\"\n }, \"SaaS\"), \"\")),\n mdxType: \"Block\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","parent":{"__typename":"RoamPage","id":"9f392979-d5b6-5017-a4ff-cd2ef4828cee","title":"Replicache","fields":{"slug":"/Replicache"}}}],"inboundReferences":[]},"fields":{"slug":"/July-12th-2022"}}},"pageContext":{"id":"90b65136-837f-57cc-803e-ba72a1016c81"}},"staticQueryHashes":["2131059104","2221750479","2468095761"]}