diff --git a/node_modules/.cache/babel-loader/09600c87a4ace7fc0b2ff0d9a73af73e.json b/node_modules/.cache/babel-loader/09600c87a4ace7fc0b2ff0d9a73af73e.json
new file mode 100644
index 00000000..49495043
--- /dev/null
+++ b/node_modules/.cache/babel-loader/09600c87a4ace7fc0b2ff0d9a73af73e.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Concept\\\\Concept.js\";\nimport React, { Component } from \"react\";\nimport concept from \"../../img/Concept/Concept.png\";\nimport states from \"./datayanolja2020.json\";\nimport \"./Concept.css\";\n\nclass Concept extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-left\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 13\n      }\n    }, \"\\uC7AC\\uBBF8\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 15\n      }\n    }, \"\\uCC3E\\uC544\\uC11C\"))), /*#__PURE__*/React.createElement(\"img\", {\n      src: concept,\n      alt: \"concept\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(JsonConcept, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-mobile\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: concept,\n      alt: \"concept\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 11\n      }\n    })));\n  }\n\n}\n\nclass JsonConcept extends Component {\n  constructor(...args) {\n    super(...args);\n    this.titleState = states.title;\n    this.subtitle1State = states.subtitle1;\n    this.msg1State = states.msg1;\n    this.msg2State = states.msg2;\n  }\n\n  // 동적으로 json 데이터 가져오기\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-right\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #281D61; }\"), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 11\n      }\n    }, this.titleState.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 49,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 19\n        }\n      }));\n    }))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"contents1\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 11\n      }\n    }, this.subtitle1State.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 63,\n          columnNumber: 19\n        }\n      }));\n    })), /*#__PURE__*/React.createElement(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }\n    }, this.msg1State.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 71,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 73,\n          columnNumber: 19\n        }\n      }));\n    }))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"contents2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 11\n      }\n    }, this.msg2State.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 93,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 19\n        }\n      }));\n    }))));\n  }\n\n}\n\nexport default Concept;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Concept/Concept.js"],"names":["React","Component","concept","states","Concept","render","JsonConcept","titleState","title","subtitle1State","subtitle1","msg1State","msg1","msg2State","msg2","split","map","item","idx"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,OAAP,MAAoB,+BAApB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAO,eAAP;;AAEA,MAAMC,OAAN,SAAsBH,SAAtB,CAAgC;AAC9BI,EAAAA,MAAM,GAAG;AACP,wBACE;AAAK,MAAA,SAAS,EAAC,UAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACE;AAAK,MAAA,SAAS,EAAC,UAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACE;AAAK,MAAA,SAAS,EAAC,YAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFF,eAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAHF,CADF,CADF,eASE;AAAK,MAAA,GAAG,EAAEH,OAAV;AAAmB,MAAA,GAAG,EAAC,SAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MATF,CADF,eAaE,oBAAC,WAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAbF,eAcE;AAAK,MAAA,SAAS,EAAC,YAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACE;AAAK,MAAA,GAAG,EAAEA,OAAV;AAAmB,MAAA,GAAG,EAAC,SAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CAdF,CADF;AAoBD;;AAtB6B;;AAyBhC,MAAMI,WAAN,SAA0BL,SAA1B,CAAoC;AAAA;AAAA;AAAA,SAElCM,UAFkC,GAErBJ,MAAM,CAACK,KAFc;AAAA,SAGlCC,cAHkC,GAGjBN,MAAM,CAACO,SAHU;AAAA,SAIlCC,SAJkC,GAItBR,MAAM,CAACS,IAJe;AAAA,SAMlCC,SANkC,GAMtBV,MAAM,CAACW,IANe;AAAA;;AAQlC;AACAT,EAAAA,MAAM,GAAG;AACP,wBACE;AAAK,MAAA,SAAS,EAAC,WAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAQ,qCAAR,CAFF,eAGE;AAAS,MAAA,SAAS,EAAC,OAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,KAAKE,UAAL,CAAgBQ,KAAhB,CAAsB,IAAtB,EAA4BC,GAA5B,CAAgC,UAAUC,IAAV,EAAgBC,GAAhB,EAAqB;AACpD,0BACE;AAAM,QAAA,GAAG,EAAEA,GAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGD,IADH,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAFF,CADF;AAMD,KAPA,CADH,CADF,CAHF,eAeE;AAAS,MAAA,SAAS,EAAC,WAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,KAAKR,cAAL,CAAoBM,KAApB,CAA0B,IAA1B,EAAgCC,GAAhC,CAAoC,UAAUC,IAAV,EAAgBC,GAAhB,EAAqB;AACxD,0BACE;AAAM,QAAA,GAAG,EAAEA,GAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGD,IADH,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAFF,CADF;AAMD,KAPA,CADH,CADF,eAWE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,KAAKN,SAAL,CAAeI,KAAf,CAAqB,IAArB,EAA2BC,GAA3B,CAA+B,UAAUC,IAAV,EAAgBC,GAAhB,EAAqB;AACnD,0BACE;AAAM,QAAA,GAAG,EAAEA,GAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGD,IADH,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAFF,CADF;AAMD,KAPA,CADH,CAXF,CAfF,eAqCE;AAAS,MAAA,SAAS,EAAC,WAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAWE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACG,KAAKJ,SAAL,CAAeE,KAAf,CAAqB,IAArB,EAA2BC,GAA3B,CAA+B,UAAUC,IAAV,EAAgBC,GAAhB,EAAqB;AACnD,0BACE;AAAM,QAAA,GAAG,EAAEA,GAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGD,IADH,eAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAFF,CADF;AAMD,KAPA,CADH,CAXF,CArCF,CADF;AA8DD;;AAxEiC;;AA2EpC,eAAeb,OAAf","sourcesContent":["import React, { Component } from \"react\";\nimport concept from \"../../img/Concept/Concept.png\";\nimport states from \"./datayanolja2020.json\";\nimport \"./Concept.css\";\n\nclass Concept extends Component {\n  render() {\n    return (\n      <div className=\"con-body\">\n        <div className=\"con-left\">\n          <div className=\"Word-title\">\n            <p>\n              재미를\n              <br />\n              <strong>찾아서</strong>\n            </p>\n          </div>\n\n          <img src={concept} alt=\"concept\" />\n        </div>\n\n        <JsonConcept></JsonConcept>\n        <div className=\"con-mobile\">\n          <img src={concept} alt=\"concept\" />\n        </div>\n      </div>\n    );\n  }\n}\n\nclass JsonConcept extends Component {\n  // json 파일 가져와서 대입\n  titleState = states.title;\n  subtitle1State = states.subtitle1;\n  msg1State = states.msg1;\n  // subtitle2State = states.subtitle2;\n  msg2State = states.msg2;\n\n  // 동적으로 json 데이터 가져오기\n  render() {\n    return (\n      <div className=\"con-right\">\n        {/* <style>{'body { background: url(\"/static/media/background.86d71c5e.png\"); background-repeat: no-repeat; background-size: cover; }'}</style> */}\n        <style>{\"body { background-color: #281D61; }\"}</style>\n        <section className=\"title\">\n          <h2>\n            {this.titleState.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h2>\n        </section>\n        <section className=\"contents1\">\n          <h5>\n            {this.subtitle1State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h5>\n          <h5>\n            {this.msg1State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h5>\n        </section>\n        <section className=\"contents2\">\n          {/* <h3>\n            {this.subtitle2State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h3> */}\n          <h5>\n            {this.msg2State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h5>\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default Concept;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/0d4c074fabad2b4bb837d31555c0f3a1.json b/node_modules/.cache/babel-loader/0d4c074fabad2b4bb837d31555c0f3a1.json
new file mode 100644
index 00000000..210645ad
--- /dev/null
+++ b/node_modules/.cache/babel-loader/0d4c074fabad2b4bb837d31555c0f3a1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Header\\\\mobileMenu.js\";\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nimport \"../Header/mobileMenu.css\";\nimport menuBtn from \"../../img/Header/\\uD584\\uBC84\\uAC70.svg\";\nimport closeBtn from \"../../img/Header/\\uB2EB\\uAE30.svg\";\n\nclass MobileMenu extends Component {\n  componentDidMount() {\n    var info_click_num = 0;\n    var denol_click_num = 0;\n    var news_click_num = 0;\n    $(document).ready(function () {\n      $(\".menu_btn>a\").on(\"click\", function () {\n        $(\".menu_bg\").show();\n        $(\".sidebar_menu\").animate({\n          right: 0\n        });\n      });\n      $(\".close_btn>a\").on(\"click\", function () {\n        $(\".menu_bg\").hide();\n        $(\".sidebar_menu\").animate({\n          right: \"-\" + 50 + \"%\"\n        });\n      });\n      $(\".menu-info>a\").on(\"click\", function () {\n        if (info_click_num % 2 === 0) $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"none\");\n        info_click_num++;\n      });\n      $(\".menu-2020>a\").on(\"click\", function () {\n        if (denol_click_num % 2 === 0) $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"none\");\n        denol_click_num++;\n      });\n      $(\".menu-news>a\").on(\"click\", function () {\n        if (news_click_num % 2 === 0) $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"none\");\n        news_click_num++;\n      });\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: menuBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 15\n      }\n    })))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_bg\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"sidebar_menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"close_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: closeBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 15\n      }\n    }))), /*#__PURE__*/React.createElement(\"ul\", {\n      className: \"menu_wrap\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-info\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC18C\\uAC1C\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-info-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"speaker\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180 \\uC990\\uAE30\\uAE30\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"partners\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 21\n      }\n    }, \"\\uD568\\uAED8\\uD558\\uB294 \\uD30C\\uD2B8\\uB108\\uC2A4\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-2020\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"concept\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC 2020\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-2020-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 130,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 131,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 132,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"program\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 21\n      }\n    }, \"\\uD504\\uB85C\\uADF8\\uB7A8\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"coc\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC774\\uC6A9\\uADDC\\uCE59\")), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-news\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uB274\\uC2A4\\uB808\\uD130\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-news-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 170,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/MWQ2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 1\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/ILT2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 2\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/BOU2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 3\\uD68C\\uCC28\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 185,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://event-us.kr/datayanolja2020/event/23268\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC785\\uC7A5\\uAD8C\")))));\n  }\n\n}\n\nexport default MobileMenu;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Header/mobileMenu.js"],"names":["React","Component","$","MobileMenu","componentDidMount","info_click_num","denol_click_num","news_click_num","document","ready","on","show","animate","right","hide","css","render","e","preventDefault","bind","menuBtn","closeBtn","props","onChangeMode"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../Header/mobileMenu.css\";\r\nimport menuBtn from \"../../img/Header/햄버거.svg\";\r\nimport closeBtn from \"../../img/Header/닫기.svg\";\r\n\r\nclass MobileMenu extends Component {\r\n  componentDidMount() {\r\n    var info_click_num = 0;\r\n    var denol_click_num = 0;\r\n    var news_click_num = 0;\r\n    $(document).ready(function () {\r\n      $(\".menu_btn>a\").on(\"click\", function () {\r\n        $(\".menu_bg\").show();\r\n        $(\".sidebar_menu\").animate({\r\n          right: 0,\r\n        });\r\n      });\r\n      $(\".close_btn>a\").on(\"click\", function () {\r\n        $(\".menu_bg\").hide();\r\n        $(\".sidebar_menu\").animate({\r\n          right: \"-\" + 50 + \"%\",\r\n        });\r\n      });\r\n\r\n      $(\".menu-info>a\").on(\"click\", function () {\r\n        if (info_click_num % 2 === 0)\r\n          $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"none\");\r\n        info_click_num++;\r\n      });\r\n\r\n      $(\".menu-2020>a\").on(\"click\", function () {\r\n        if (denol_click_num % 2 === 0)\r\n          $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"none\");\r\n        denol_click_num++;\r\n      });\r\n\r\n      $(\".menu-news>a\").on(\"click\", function () {\r\n        if (news_click_num % 2 === 0)\r\n          $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"none\");\r\n        news_click_num++;\r\n      });\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"mobile-menu\">\r\n        <div className=\"menu-header\">\r\n          <div className=\"menu_btn\">\r\n            <a\r\n              href=\"/\"\r\n              onClick={function (e) {\r\n                e.preventDefault();\r\n              }.bind(this)}\r\n            >\r\n              <img src={menuBtn} />\r\n            </a>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"menu_bg\"></div>\r\n\r\n        <div className=\"sidebar_menu\">\r\n          <div className=\"close_btn\">\r\n            <a\r\n              href=\"/\"\r\n              onClick={function (e) {\r\n                e.preventDefault();\r\n              }.bind(this)}\r\n            >\r\n              <img src={closeBtn} />\r\n            </a>\r\n          </div>\r\n\r\n          <ul className=\"menu_wrap\">\r\n            <li className=\"menu-info\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"main\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 소개\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-info-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"speaker\");\r\n                      }.bind(this)}\r\n                    >\r\n                      데놀 즐기기\r\n                    </a>\r\n                  </li>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"partners\");\r\n                      }.bind(this)}\r\n                    >\r\n                      함께하는 파트너스\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li className=\"menu-2020\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"concept\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 2020\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-2020-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"program\");\r\n                      }.bind(this)}\r\n                    >\r\n                      프로그램\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li>\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"coc\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 이용규칙\r\n              </a>\r\n            </li>\r\n\r\n            <li className=\"menu-news\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"main\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 뉴스레터\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-news-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/MWQ2\">뉴스레터 1회차</a>\r\n                  </li>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/ILT2\">뉴스레터 2회차</a>\r\n                  </li>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/BOU2\">뉴스레터 3회차</a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li>\r\n              <a href=\"https://event-us.kr/datayanolja2020/event/23268\">\r\n                데놀랜드 입장권\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default MobileMenu;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/413f04fbba0fb108f5193acfcf4915b6.json b/node_modules/.cache/babel-loader/413f04fbba0fb108f5193acfcf4915b6.json
new file mode 100644
index 00000000..cdbad773
--- /dev/null
+++ b/node_modules/.cache/babel-loader/413f04fbba0fb108f5193acfcf4915b6.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Speaker\\\\Speaker.js\";\nimport React, { Component } from \"react\";\nimport speaker2 from \"../../img/Speaker/guide_02.png\";\nimport speaker3 from \"../../img/Speaker/guide_03.png\";\nimport speaker4 from \"../../img/Speaker/guide_04.png\";\nimport \"../Speaker/Speaker.css\"; // import \"../Speaker/media-Speaker.css\";\n\nclass Speaker extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #082138; }\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-top\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 17\n      }\n    })), \"\\uC990\\uAE30\\uAE30\"))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-contents\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"left-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker2,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790\\uC5D0\\uC11C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 17\n      }\n    }), \"\\uC624\\uC9C1 \\uB2F9\\uC2E0\\uB9CC\\uC774 \\uB4E4\\uB824\\uC904 \\uC218 \\uC788\\uB294 \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 34\n      }\n    }), \"\\uC18C\\uC911\\uD55C \\uC774\\uC57C\\uAE30\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC640 \\uD568\\uAED8 \\uD558\\uBA70 \\uACAA\\uC5C8\\uB358 \\uBAA8\\uB4E0 \\uACE0\\uB09C, \\uC2DC\\uB828, \\uC5ED\\uACBD, \\uC0BD\\uC9C8, \\uAE30\\uC068,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 15\n      }\n    }, \"\\uD658\\uD76C\\uB098 \\uB370\\uC774\\uD130\\uB97C \\uD1B5\\uD574 \\uC5BB\\uC740 \\uD1B5\\uCC30, \\uB370\\uC774\\uD130\\uB97C \\uD1B5\\uD55C\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 15\n      }\n    }, \"\\uC0C8\\uB85C\\uC6B4 \\uAC00\\uCE58 \\uCC3D\\uCD9C\\uC758 \\uACBD\\uD5D8 \\uB4F1 \\uB2F9\\uC2E0\\uB9CC\\uC758 \\uC18C\\uC911\\uD55C \\uACBD\\uD5D8\\uC744 \\uACF5\\uC720\\uD574\\uC8FC\\uC138\\uC694\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC5D0 \\uAD00\\uC2EC \\uC788\\uB294 \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 28\n      }\n    }), \"\\uB2E4\\uC591\\uD55C \\uC9C1\\uAD70\\uC758 \\uC0AC\\uB78C\\uB4E4\\uC774 \\uBAA8\\uC774\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 17\n      }\n    }), \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 15\n      }\n    }, \"\\uC5F0\\uAD6C\\uC6D0, \\uACE0\\uB4F1\\uD559\\uC0DD \\uB4F1 \\uB2E4\\uC591\\uD55C \\uC0AC\\uB78C\\uB4E4\\uC774 \\uBAA8\\uC5EC\\uC11C \\uB9CC\\uB4DC\\uB294 \\uD589\\uC0AC\\uC785\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 15\n      }\n    }, \"\\uBC1C\\uD45C \\uC18C\\uAC1C\\uC5D0\\uC11C \\uB300\\uC0C1 \\uCCAD\\uC911\\uC744 \\uAD6C\\uCCB4\\uC801\\uC73C\\uB85C \\uC791\\uC131\\uD574\\uC8FC\\uC2DC\\uBA74,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 15\n      }\n    }, \"\\uBAA8\\uB450\\uAC00 \\uC6D0\\uD558\\uB294 \\uBC1C\\uD45C\\uB97C \\uB4E4\\uC744 \\uC218 \\uC788\\uC5B4\\uC694\"))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"right-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 15\n      }\n    }, \"\\uD2B9\\uC815 \\uAE30\\uC220\\uC5D0 \\uB300\\uD55C \\uC774\\uC57C\\uAE30\\uB3C4 \\uD658\\uC601\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uB97C \\uB2E4\\uB8E8\\uB294 \\uD2B9\\uC815 \\uAE30\\uC220\\uC5D0 \\uB300\\uD55C \\uC804\\uBB38\\uC801\\uC778 \\uC774\\uC57C\\uAE30\\uB3C4 \\uD658\\uC601\\uD569\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 15\n      }\n    }, \"\\uB2E8, \\uBC1C\\uD45C \\uC804 \\uC774\\uB7EC\\uD55C \\uC810\\uC744 \\uCCAD\\uC911\\uC5D0\\uAC8C \\uBBF8\\uB9AC \\uC54C\\uB824\\uC8FC\\uC2DC\\uBA74,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 15\n      }\n    }, \"\\uBBF8\\uB9AC \\uB9C8\\uC74C\\uC758 \\uC900\\uBE44\\uB97C \\uD560 \\uC218 \\uC788\\uC5B4\\uC694!\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70,\n        columnNumber: 15\n      }\n    }, \"Put your hands up!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 15\n      }\n    }, \"\\uC800\\uD76C\\uB294 \\uB370\\uC774\\uD130\\uB85C \\uC7AC\\uBC0C\\uAC8C \\uB180\\uAE30 \\uC704\\uD574 \\uBAA8\\uC600\\uC2B5\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 15\n      }\n    }, \"\\uC5C4\\uC219\\uD558\\uAC70\\uB098 \\uD504\\uB85C\\uD328\\uC154\\uB110\\uD55C \\uBAA8\\uC2B5\\uB3C4 \\uC88B\\uC9C0\\uB9CC,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 15\n      }\n    }, \"\\uD3B8\\uD55C \\uB9C8\\uC74C\\uC73C\\uB85C \\uC7AC\\uBC0C\\uB294 \\uC774\\uC57C\\uAE30\\uB97C \\uB9C8\\uC74C\\uAECF \\uC990\\uACA8\\uC8FC\\uC138\\uC694.\")), /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker3,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 13\n      }\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"left-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker4,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 83,\n        columnNumber: 15\n      }\n    }, \"\\uCD5C\\uACE0\\uC758 \\uBC1C\\uD45C\\uB294 \\uCD5C\\uACE0\\uC758 \\uAD11\\uACE0!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uBA4B\\uC9C4 \\uBC1C\\uD45C \\uD6C4 \\uB9C8\\uC9C0\\uB9C9 \\uC2AC\\uB77C\\uC774\\uB4DC \\uD55C \\uC7A5\\uC774\\uBA74 \\uCDA9\\uBD84\\uD569\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uCD5C\\uB300\\uD55C \\uC790\\uC81C\\uD574\\uC8FC\\uC138\\uC694.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uC81C\\uD488\\uC774 \\uC544\\uB2CC\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 15\n      }\n    }, \"\\uC0AC\\uB78C\\uC5D0\\uAC8C \\uBC18\\uD560 \\uB54C \\uD6A8\\uACFC\\uAC00 \\uAC00\\uC7A5 \\uD07D\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 15\n      }\n    }, \"\\uD53C\\uB4DC\\uBC31 \\uBB34\\uD55C \\uD658\\uC601\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 15\n      }\n    }, \"\\uBC1C\\uD45C\\uC5D0 \\uB300\\uD574 \\uAD81\\uAE08\\uD55C \\uC810\\uC774\\uB098 \\uD589\\uC0AC\\uC5D0 \\uB300\\uD55C \\uD53C\\uB4DC\\uBC31\\uC740\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 15\n      }\n    }, \"365\\uC77C \\uC5F0\\uC911\\uBB34\\uD734!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 15\n      }\n    }, \"\\uC5B8\\uC81C\\uB4E0 \\uB370\\uB180 \\uACF5\\uC2DD \\uC774\\uBA54\\uC77C\\uC774\\uB098 \\uD398\\uC774\\uC2A4\\uBD81\\uC744 \\uD1B5\\uD574 \\uC5F0\\uB77D\\uC8FC\\uC138\\uC694.\"), /*#__PURE__*/React.createElement(\"p\", {\n      id: \"last\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 15\n      }\n    }, \"\\uC2E0\\uC18D\\uC815\\uD655\\uD558\\uAC8C \\uB2F5\\uBCC0 \\uBC30\\uB2EC\\uD574\\uB4DC\\uB9BD\\uB2C8\\uB2E4.\")))));\n  }\n\n}\n\nexport default Speaker;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Speaker/Speaker.js"],"names":["React","Component","speaker2","speaker3","speaker4","Speaker","render"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport speaker2 from \"../../img/Speaker/guide_02.png\";\r\nimport speaker3 from \"../../img/Speaker/guide_03.png\";\r\nimport speaker4 from \"../../img/Speaker/guide_04.png\";\r\nimport \"../Speaker/Speaker.css\";\r\n// import \"../Speaker/media-Speaker.css\";\r\n\r\nclass Speaker extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"spe-body\">\r\n        <style>{\"body { background-color: #082138; }\"}</style>\r\n\r\n        <div className=\"spe-top\">\r\n          <div className=\"Word-title\">\r\n            <p>\r\n              <strong>\r\n                데놀\r\n                <br />\r\n              </strong>\r\n              즐기기\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"spe-contents\">\r\n          <div className=\"left-content\">\r\n            <img src={speaker2} alt=\"발표자 사진\" />\r\n\r\n            <div id=\"spe-text\">\r\n              <h2>\r\n                데이터야놀자에서\r\n                <br />\r\n                오직 당신만이 들려줄 수 있는 <br />\r\n                소중한 이야기\r\n              </h2>\r\n              <p>\r\n                데이터와 함께 하며 겪었던 모든 고난, 시련, 역경, 삽질, 기쁨,\r\n              </p>\r\n              <p>환희나 데이터를 통해 얻은 통찰, 데이터를 통한</p>\r\n              <p>\r\n                새로운 가치 창출의 경험 등 당신만의 소중한 경험을 공유해주세요\r\n              </p>\r\n              <br />\r\n              <br />\r\n              <h2>\r\n                데이터에 관심 있는 <br />\r\n                다양한 직군의 사람들이 모이는\r\n                <br />\r\n                데이터야놀자\r\n              </h2>\r\n              <p>\r\n                연구원, 고등학생 등 다양한 사람들이 모여서 만드는 행사입니다.\r\n              </p>\r\n              <p>발표 소개에서 대상 청중을 구체적으로 작성해주시면,</p>\r\n              <p>모두가 원하는 발표를 들을 수 있어요</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"right-content\">\r\n            <div id=\"spe-text\">\r\n              <h2>특정 기술에 대한 이야기도 환영</h2>\r\n              <p>\r\n                데이터를 다루는 특정 기술에 대한 전문적인 이야기도 환영합니다.\r\n              </p>\r\n              <p>단, 발표 전 이러한 점을 청중에게 미리 알려주시면,</p>\r\n              <p>미리 마음의 준비를 할 수 있어요!</p>\r\n              <br />\r\n              <br />\r\n              <h2>Put your hands up!</h2>\r\n              <p>저희는 데이터로 재밌게 놀기 위해 모였습니다.</p>\r\n              <p>엄숙하거나 프로패셔널한 모습도 좋지만,</p>\r\n              <p>편한 마음으로 재밌는 이야기를 마음껏 즐겨주세요.</p>\r\n            </div>\r\n\r\n            <img src={speaker3} alt=\"발표자 사진\" />\r\n          </div>\r\n\r\n          <div className=\"left-content\">\r\n            <img src={speaker4} alt=\"발표자 사진\" />\r\n\r\n            <div id=\"spe-text\">\r\n              <h2>최고의 발표는 최고의 광고!</h2>\r\n              <p>광고는 멋진 발표 후 마지막 슬라이드 한 장이면 충분합니다.</p>\r\n              <p>광고는 최대한 자제해주세요.</p>\r\n              <p>광고는 제품이 아닌</p>\r\n              <p>사람에게 반할 때 효과가 가장 큽니다.</p>\r\n              <br />\r\n              <br />\r\n              <h2>피드백 무한 환영</h2>\r\n              <p>발표에 대해 궁금한 점이나 행사에 대한 피드백은</p>\r\n              <p>365일 연중무휴!</p>\r\n              <p>언제든 데놀 공식 이메일이나 페이스북을 통해 연락주세요.</p>\r\n              <p id=\"last\">신속정확하게 답변 배달해드립니다.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Speaker;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/4370fb236fd7b2b21d9f389825b0390a.json b/node_modules/.cache/babel-loader/4370fb236fd7b2b21d9f389825b0390a.json
new file mode 100644
index 00000000..9231f2c1
--- /dev/null
+++ b/node_modules/.cache/babel-loader/4370fb236fd7b2b21d9f389825b0390a.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Coc\\\\coc.js\";\nimport React, { Component } from \"react\";\nimport \"./coc.css\";\nimport logo from \"../../img/Coc/Coc_img.png\";\n\nclass Header extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 8,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 13\n      }\n    }, \"Code \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 20\n      }\n    }), \"of Conduct\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-lower\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C \\uB180\\uC790\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 15\n      }\n    }), \"\\uB2E4\\uC74C\\uC758 \\uAC00\\uCE58\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 15\n      }\n    }), \"\\uC911\\uC694\\uD558\\uAC8C \\uC0DD\\uAC01\\uD569\\uB2C8\\uB2E4.\"))));\n  }\n\n}\n\nclass Logo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: logo,\n      alt: \"Logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass SectionA extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\"\n      }, {\n        id: \"highlight\",\n        desc: \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section A\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 11\n      }\n    }, this.write_text(2))));\n  }\n\n}\n\nclass SectionB extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.'\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\"\n      }, {\n        id: \"list\",\n        desc: \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\"\n      }, {\n        id: \"bottom\",\n        desc: '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.'\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section B\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 13\n      }\n    }, \"COMPANION\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 15\n      }\n    }), \"\\uC5B4\\uC6B8\\uB9BC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 11\n      }\n    }, \"COMPANION \\uC5B4\\uC6B8\\uB9BC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 11\n      }\n    }, this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 11\n      }\n    }, this.write_text(3))));\n  }\n\n}\n\nclass SectionC extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\"\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\"\n      }, {\n        id: \"pmc\",\n        desc: \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\"\n      }, {\n        id: \"committer\",\n        desc: \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\"\n      }, {\n        id: \"user\",\n        desc: \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 193,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 204,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 205,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 206,\n        columnNumber: 13\n      }\n    }, \"OWNERSHIP\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 15\n      }\n    }), \"\\uCC38\\uC5EC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 11\n      }\n    }, \"OWNERSHIP \\uCC38\\uC5EC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 218,\n        columnNumber: 13\n      }\n    }, \"PMC(\\uC6B4\\uC601\\uC9C4/\\uC790\\uC6D0\\uBD09\\uC0AC\\uC790)\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 13\n      }\n    }, \"COMMITTER(\\uBC1C\\uD45C\\uC790/\\uD6C4\\uC6D0\\uC790)\"), this.write_text(3)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }, \"USER(\\uCC38\\uAC00\\uC790)\"), this.write_text(4))));\n  }\n\n}\n\nclass SectionD extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n'\n      }, {\n        id: \"knowlege\",\n        desc: \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\"\n      }, {\n        id: \"networking\",\n        desc: \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\"\n      }, {\n        id: \"play\",\n        desc: \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section D\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 277,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279,\n        columnNumber: 13\n      }\n    }, \"CHEERS!\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 281,\n        columnNumber: 15\n      }\n    }), \"\\uC990\\uAC70\\uC6C0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 286,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 11\n      }\n    }, \"CHEERS! \\uC990\\uAC70\\uC6C0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 288,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 13\n      }\n    }, \"\\uC9C0\\uC801 \\uC990\\uAC70\\uC6C0\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 293,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, \"\\uB124\\uD2B8\\uC6CC\\uD0B9\\uC758 \\uC990\\uAC70\\uC6C0\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 13\n      }\n    }, \"\\uB178\\uB294 \\uC990\\uAC70\\uC6C0\"), this.write_text(3))));\n  }\n\n}\n\nclass Report extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"신고하기\",\n        desc: \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\"\n      }, {\n        id: \"신고방법\",\n        desc: \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\"\n      }, {\n        id: \"대응방식\",\n        desc: \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\"\n      }, {\n        id: \"재발 방지를 위하여\",\n        desc: \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 340,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section E\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 348,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 13\n      }\n    }, \"REPORT\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353,\n        columnNumber: 15\n      }\n    }), \"\\uC2E0\\uACE0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 359,\n        columnNumber: 11\n      }\n    }, \"REPORT \\uC2E0\\uACE0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uD558\\uAE30\"), this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 365,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uBC29\\uBC95\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 369,\n        columnNumber: 13\n      }\n    }, \"\\uB300\\uC751\\uBC29\\uC2DD\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 372,\n        columnNumber: 11\n      }\n    }, \"---------------------------------------\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 373,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 375,\n        columnNumber: 15\n      }\n    }), \"COC \\uC704\\uBC18\\uC774 \\uC811\\uC218\\uB41C \\uC774\\uD6C4 - \\uC7AC\\uBC1C \\uBC29\\uC9C0\\uB97C \\uC704\\uD558\\uC5EC\"), this.write_text(3))));\n  }\n\n}\n\nclass Container extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"section\", {\n      className: \"container\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 389,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(SectionA, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionB, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 391,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionC, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionD, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 393,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Report, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Coc extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #fdd2db; }\"), /*#__PURE__*/React.createElement(Header, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 405,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Logo, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 406,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Container, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Coc;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Coc/coc.js"],"names":["React","Component","logo","Header","render","Logo","SectionA","state","contents","id","desc","write_text","i","split","map","item","idx","SectionB","SectionC","SectionD","Report","Container","Coc"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./coc.css\";\r\nimport logo from \"../../img/Coc/Coc_img.png\";\r\n\r\nclass Header extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-header\">\r\n        <div className=\"Word-title\">\r\n          <p>\r\n            <strong>\r\n              Code <br />\r\n              of Conduct\r\n            </strong>\r\n            <br />\r\n            <div className=\"coc-lower\">\r\n              데이터야 놀자는\r\n              <br />\r\n              다음의 가치를\r\n              <br />\r\n              중요하게 생각합니다.\r\n            </div>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Logo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"logo\">\r\n        <img src={logo} alt=\"Logo\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nclass SectionA extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section A\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\"></div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionB extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.',\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\",\r\n      },\r\n      {\r\n        id: \"list\",\r\n        desc:\r\n          \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\",\r\n      },\r\n      {\r\n        id: \"bottom\",\r\n        desc:\r\n          '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.',\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section B\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              COMPANION\r\n              <br />\r\n              어울림\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">COMPANION 어울림</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n          <div className=\"coc\">{this.write_text(3)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionC extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\",\r\n      },\r\n      {\r\n        id: \"pmc\",\r\n        desc:\r\n          \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"committer\",\r\n        desc:\r\n          \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"user\",\r\n        desc:\r\n          \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section C\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              OWNERSHIP\r\n              <br />\r\n              참여\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">OWNERSHIP 참여</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">PMC(운영진/자원봉사자)</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">COMMITTER(발표자/후원자)</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">USER(참가자)</div>\r\n            {this.write_text(4)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionD extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n',\r\n      },\r\n      {\r\n        id: \"knowlege\",\r\n        desc:\r\n          \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"networking\",\r\n        desc:\r\n          \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"play\",\r\n        desc:\r\n          \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section D\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              CHEERS!\r\n              <br />\r\n              즐거움\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">CHEERS! 즐거움</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">지적 즐거움</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">네트워킹의 즐거움</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">노는 즐거움</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Report extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"신고하기\",\r\n        desc:\r\n          \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"신고방법\",\r\n        desc:\r\n          \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"대응방식\",\r\n        desc:\r\n          \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\",\r\n      },\r\n      {\r\n        id: \"재발 방지를 위하여\",\r\n        desc:\r\n          \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section E\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              REPORT\r\n              <br />\r\n              신고\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">REPORT 신고</p>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고하기</div>\r\n            {this.write_text(0)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고방법</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">대응방식</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">---------------------------------------</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">\r\n              <br />\r\n              COC 위반이 접수된 이후 - 재발 방지를 위하여\r\n            </div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Container extends Component {\r\n  render() {\r\n    return (\r\n      <section className=\"container\">\r\n        <SectionA></SectionA>\r\n        <SectionB></SectionB>\r\n        <SectionC></SectionC>\r\n        <SectionD></SectionD>\r\n        <Report></Report>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nclass Coc extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-body\">\r\n        <style>{\"body { background-color: #fdd2db; }\"}</style>\r\n        <Header></Header>\r\n        <Logo></Logo>\r\n        <Container></Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Coc;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/587e5256c9834c86e7c240292b45f9b1.json b/node_modules/.cache/babel-loader/587e5256c9834c86e7c240292b45f9b1.json
new file mode 100644
index 00000000..543e64f4
--- /dev/null
+++ b/node_modules/.cache/babel-loader/587e5256c9834c86e7c240292b45f9b1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Speaker\\\\Speaker.js\";\nimport React, { Component } from \"react\";\nimport speaker2 from \"../../img/Speaker/guide_02.png\";\nimport speaker3 from \"../../img/Speaker/guide_03.png\";\nimport speaker4 from \"../../img/Speaker/guide_04.png\";\nimport \"../Speaker/Speaker.css\"; // import \"../Speaker/media-Speaker.css\";\n\nclass Speaker extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #082138; }\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-top\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 17\n      }\n    })), \"\\uC990\\uAE30\\uAE30\"))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-contents\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"left-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker2,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790\\uC5D0\\uC11C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 17\n      }\n    }), \"\\uC624\\uC9C1 \\uB2F9\\uC2E0\\uB9CC\\uC774 \\uB4E4\\uB824\\uC904 \\uC218 \\uC788\\uB294 \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 34\n      }\n    }), \"\\uC18C\\uC911\\uD55C \\uC774\\uC57C\\uAE30\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC640 \\uD568\\uAED8 \\uD558\\uBA70 \\uACAA\\uC5C8\\uB358 \\uBAA8\\uB4E0 \\uACE0\\uB09C, \\uC2DC\\uB828, \\uC5ED\\uACBD, \\uC0BD\\uC9C8, \\uAE30\\uC068,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 15\n      }\n    }, \"\\uD658\\uD76C\\uB098 \\uB370\\uC774\\uD130\\uB97C \\uD1B5\\uD574 \\uC5BB\\uC740 \\uD1B5\\uCC30, \\uB370\\uC774\\uD130\\uB97C \\uD1B5\\uD55C\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 15\n      }\n    }, \"\\uC0C8\\uB85C\\uC6B4 \\uAC00\\uCE58 \\uCC3D\\uCD9C\\uC758 \\uACBD\\uD5D8 \\uB4F1 \\uB2F9\\uC2E0\\uB9CC\\uC758 \\uC18C\\uC911\\uD55C \\uACBD\\uD5D8\\uC744 \\uACF5\\uC720\\uD574\\uC8FC\\uC138\\uC694\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC5D0 \\uAD00\\uC2EC \\uC788\\uB294 \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 28\n      }\n    }), \"\\uB2E4\\uC591\\uD55C \\uC9C1\\uAD70\\uC758 \\uC0AC\\uB78C\\uB4E4\\uC774 \\uBAA8\\uC774\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 17\n      }\n    }), \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 15\n      }\n    }, \"\\uC5F0\\uAD6C\\uC6D0, \\uACE0\\uB4F1\\uD559\\uC0DD \\uB4F1 \\uB2E4\\uC591\\uD55C \\uC0AC\\uB78C\\uB4E4\\uC774 \\uBAA8\\uC5EC\\uC11C \\uB9CC\\uB4DC\\uB294 \\uD589\\uC0AC\\uC785\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 15\n      }\n    }, \"\\uBC1C\\uD45C \\uC18C\\uAC1C\\uC5D0\\uC11C \\uB300\\uC0C1 \\uCCAD\\uC911\\uC744 \\uAD6C\\uCCB4\\uC801\\uC73C\\uB85C \\uC791\\uC131\\uD574\\uC8FC\\uC2DC\\uBA74,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 15\n      }\n    }, \"\\uBAA8\\uB450\\uAC00 \\uC6D0\\uD558\\uB294 \\uBC1C\\uD45C\\uB97C \\uB4E4\\uC744 \\uC218 \\uC788\\uC5B4\\uC694\"))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"right-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 15\n      }\n    }, \"\\uD2B9\\uC815 \\uAE30\\uC220\\uC5D0 \\uB300\\uD55C \\uC774\\uC57C\\uAE30\\uB3C4 \\uD658\\uC601\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uB97C \\uB2E4\\uB8E8\\uB294 \\uD2B9\\uC815 \\uAE30\\uC220\\uC5D0 \\uB300\\uD55C \\uC804\\uBB38\\uC801\\uC778 \\uC774\\uC57C\\uAE30\\uB3C4 \\uD658\\uC601\\uD569\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 15\n      }\n    }, \"\\uB2E8, \\uBC1C\\uD45C \\uC804 \\uC774\\uB7EC\\uD55C \\uC810\\uC744 \\uCCAD\\uC911\\uC5D0\\uAC8C \\uBBF8\\uB9AC \\uC54C\\uB824\\uC8FC\\uC2DC\\uBA74,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 15\n      }\n    }, \"\\uBBF8\\uB9AC \\uB9C8\\uC74C\\uC758 \\uC900\\uBE44\\uB97C \\uD560 \\uC218 \\uC788\\uC5B4\\uC694!\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70,\n        columnNumber: 15\n      }\n    }, \"Put your hands up!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 15\n      }\n    }, \"\\uC800\\uD76C\\uB294 \\uB370\\uC774\\uD130\\uB85C \\uC7AC\\uBC0C\\uAC8C \\uB180\\uAE30 \\uC704\\uD574 \\uBAA8\\uC600\\uC2B5\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 15\n      }\n    }, \"\\uC5C4\\uC219\\uD558\\uAC70\\uB098 \\uD504\\uB85C\\uD328\\uC154\\uB110\\uD55C \\uBAA8\\uC2B5\\uB3C4 \\uC88B\\uC9C0\\uB9CC,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 15\n      }\n    }, \"\\uD3B8\\uD55C \\uB9C8\\uC74C\\uC73C\\uB85C \\uC7AC\\uBC0C\\uB294 \\uC774\\uC57C\\uAE30\\uB97C \\uB9C8\\uC74C\\uAECF \\uC990\\uACA8\\uC8FC\\uC138\\uC694.\")), /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker3,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 13\n      }\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"left-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker4,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"last\",\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 83,\n        columnNumber: 15\n      }\n    }, \"\\uCD5C\\uACE0\\uC758 \\uBC1C\\uD45C\\uB294 \\uCD5C\\uACE0\\uC758 \\uAD11\\uACE0!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uBA4B\\uC9C4 \\uBC1C\\uD45C \\uD6C4 \\uB9C8\\uC9C0\\uB9C9 \\uC2AC\\uB77C\\uC774\\uB4DC \\uD55C \\uC7A5\\uC774\\uBA74 \\uCDA9\\uBD84\\uD569\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uCD5C\\uB300\\uD55C \\uC790\\uC81C\\uD574\\uC8FC\\uC138\\uC694.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uC81C\\uD488\\uC774 \\uC544\\uB2CC\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 15\n      }\n    }, \"\\uC0AC\\uB78C\\uC5D0\\uAC8C \\uBC18\\uD560 \\uB54C \\uD6A8\\uACFC\\uAC00 \\uAC00\\uC7A5 \\uD07D\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 15\n      }\n    }, \"\\uD53C\\uB4DC\\uBC31 \\uBB34\\uD55C \\uD658\\uC601\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 15\n      }\n    }, \"\\uBC1C\\uD45C\\uC5D0 \\uB300\\uD574 \\uAD81\\uAE08\\uD55C \\uC810\\uC774\\uB098 \\uD589\\uC0AC\\uC5D0 \\uB300\\uD55C \\uD53C\\uB4DC\\uBC31\\uC740\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 15\n      }\n    }, \"365\\uC77C \\uC5F0\\uC911\\uBB34\\uD734!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 15\n      }\n    }, \"\\uC5B8\\uC81C\\uB4E0 \\uB370\\uB180 \\uACF5\\uC2DD \\uC774\\uBA54\\uC77C\\uC774\\uB098 \\uD398\\uC774\\uC2A4\\uBD81\\uC744 \\uD1B5\\uD574 \\uC5F0\\uB77D\\uC8FC\\uC138\\uC694.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 15\n      }\n    }, \"\\uC2E0\\uC18D\\uC815\\uD655\\uD558\\uAC8C \\uB2F5\\uBCC0 \\uBC30\\uB2EC\\uD574\\uB4DC\\uB9BD\\uB2C8\\uB2E4.\")))));\n  }\n\n}\n\nexport default Speaker;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Speaker/Speaker.js"],"names":["React","Component","speaker2","speaker3","speaker4","Speaker","render"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport speaker2 from \"../../img/Speaker/guide_02.png\";\r\nimport speaker3 from \"../../img/Speaker/guide_03.png\";\r\nimport speaker4 from \"../../img/Speaker/guide_04.png\";\r\nimport \"../Speaker/Speaker.css\";\r\n// import \"../Speaker/media-Speaker.css\";\r\n\r\nclass Speaker extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"spe-body\">\r\n        <style>{\"body { background-color: #082138; }\"}</style>\r\n\r\n        <div className=\"spe-top\">\r\n          <div className=\"Word-title\">\r\n            <p>\r\n              <strong>\r\n                데놀\r\n                <br />\r\n              </strong>\r\n              즐기기\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"spe-contents\">\r\n          <div className=\"left-content\">\r\n            <img src={speaker2} alt=\"발표자 사진\" />\r\n\r\n            <div id=\"spe-text\">\r\n              <h2>\r\n                데이터야놀자에서\r\n                <br />\r\n                오직 당신만이 들려줄 수 있는 <br />\r\n                소중한 이야기\r\n              </h2>\r\n              <p>\r\n                데이터와 함께 하며 겪었던 모든 고난, 시련, 역경, 삽질, 기쁨,\r\n              </p>\r\n              <p>환희나 데이터를 통해 얻은 통찰, 데이터를 통한</p>\r\n              <p>\r\n                새로운 가치 창출의 경험 등 당신만의 소중한 경험을 공유해주세요\r\n              </p>\r\n              <br />\r\n              <br />\r\n              <h2>\r\n                데이터에 관심 있는 <br />\r\n                다양한 직군의 사람들이 모이는\r\n                <br />\r\n                데이터야놀자\r\n              </h2>\r\n              <p>\r\n                연구원, 고등학생 등 다양한 사람들이 모여서 만드는 행사입니다.\r\n              </p>\r\n              <p>발표 소개에서 대상 청중을 구체적으로 작성해주시면,</p>\r\n              <p>모두가 원하는 발표를 들을 수 있어요</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"right-content\">\r\n            <div id=\"spe-text\">\r\n              <h2>특정 기술에 대한 이야기도 환영</h2>\r\n              <p>\r\n                데이터를 다루는 특정 기술에 대한 전문적인 이야기도 환영합니다.\r\n              </p>\r\n              <p>단, 발표 전 이러한 점을 청중에게 미리 알려주시면,</p>\r\n              <p>미리 마음의 준비를 할 수 있어요!</p>\r\n              <br />\r\n              <br />\r\n              <h2>Put your hands up!</h2>\r\n              <p>저희는 데이터로 재밌게 놀기 위해 모였습니다.</p>\r\n              <p>엄숙하거나 프로패셔널한 모습도 좋지만,</p>\r\n              <p>편한 마음으로 재밌는 이야기를 마음껏 즐겨주세요.</p>\r\n            </div>\r\n\r\n            <img src={speaker3} alt=\"발표자 사진\" />\r\n          </div>\r\n\r\n          <div className=\"left-content\">\r\n            <img src={speaker4} alt=\"발표자 사진\" />\r\n\r\n            <div className=\"last\" id=\"spe-text\">\r\n              <h2>최고의 발표는 최고의 광고!</h2>\r\n              <p>광고는 멋진 발표 후 마지막 슬라이드 한 장이면 충분합니다.</p>\r\n              <p>광고는 최대한 자제해주세요.</p>\r\n              <p>광고는 제품이 아닌</p>\r\n              <p>사람에게 반할 때 효과가 가장 큽니다.</p>\r\n              <br />\r\n              <br />\r\n              <h2>피드백 무한 환영</h2>\r\n              <p>발표에 대해 궁금한 점이나 행사에 대한 피드백은</p>\r\n              <p>365일 연중무휴!</p>\r\n              <p>언제든 데놀 공식 이메일이나 페이스북을 통해 연락주세요.</p>\r\n              <p>신속정확하게 답변 배달해드립니다.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Speaker;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/6a8b658e17cd7fa4d0ca2dc7b2be7505.json b/node_modules/.cache/babel-loader/6a8b658e17cd7fa4d0ca2dc7b2be7505.json
new file mode 100644
index 00000000..576ca468
--- /dev/null
+++ b/node_modules/.cache/babel-loader/6a8b658e17cd7fa4d0ca2dc7b2be7505.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Header\\\\Menu.js\";\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nimport \"../Header/Menu.css\";\nimport \"../Header/mediaMenu.css\";\n\nclass Menu extends Component {\n  componentDidMount() {\n    $(\".menu\").each(function (index) {\n      console.log(\"each 구문 실행\");\n      $(this).attr(\"menu-index\", index);\n    }).click(function () {\n      var index = $(this).attr(\"menu-index\");\n      $(\".menu[menu-index=\" + index + \"]\").addClass(\"clicked\");\n      $(\".menu[menu-index!=\" + index + \"]\").removeClass(\"clicked\");\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"ul\", {\n      id: \"main-menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/main\",\n      className: \"menu\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 11\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC18C\\uAC1C\"), /*#__PURE__*/React.createElement(\"ul\", {\n      id: \"sub-menu\",\n      className: \"about-sub\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"speaker\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180 \\uC990\\uAE30\\uAE30\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"partners\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 15\n      }\n    }, \"\\uD568\\uAED8\\uD558\\uB294 \\uD30C\\uD2B8\\uB108\\uC2A4\")))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      className: \"menu\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"concept\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 11\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC 2020\"), /*#__PURE__*/React.createElement(\"ul\", {\n      id: \"sub-menu\",\n      className: \"event-sub\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/program\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"program\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 74,\n        columnNumber: 15\n      }\n    }, \"\\uD504\\uB85C\\uADF8\\uB7A8\")))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/coc\",\n      className: \"menu\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"coc\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 11\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC774\\uC6A9\\uADDC\\uCE59\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 100,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/main\",\n      className: \"menu\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 101,\n        columnNumber: 11\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uB274\\uC2A4\\uB808\\uD130\"), /*#__PURE__*/React.createElement(\"ul\", {\n      id: \"sub-menu\",\n      className: \"news-sub\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 111,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 112,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/MWQ2\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 113,\n        columnNumber: 15\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 1\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/ILT2\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117,\n        columnNumber: 15\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 2\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/BOU2\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 121,\n        columnNumber: 15\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 3\\uD68C\\uCC28\")))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://event-us.kr/datayanolja2020/event/23268\",\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      className: \"menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 11\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC785\\uC7A5\\uAD8C\")));\n  }\n\n}\n\nexport default Menu;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Header/Menu.js"],"names":["React","Component","$","Menu","componentDidMount","each","index","console","log","attr","click","addClass","removeClass","render","e","preventDefault","props","onChangeMode","bind"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../Header/Menu.css\";\r\nimport \"../Header/mediaMenu.css\";\r\n\r\nclass Menu extends Component {\r\n  componentDidMount() {\r\n    $(\".menu\")\r\n      .each(function (index) {\r\n        console.log(\"each 구문 실행\");\r\n        $(this).attr(\"menu-index\", index);\r\n      })\r\n      .click(function () {\r\n        var index = $(this).attr(\"menu-index\");\r\n        $(\".menu[menu-index=\" + index + \"]\").addClass(\"clicked\");\r\n        $(\".menu[menu-index!=\" + index + \"]\").removeClass(\"clicked\");\r\n      });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <ul id=\"main-menu\">\r\n        <li>\r\n          <a\r\n            href=\"/main\"\r\n            className=\"menu\"\r\n            onClick={function (e) {\r\n              e.preventDefault();\r\n              this.props.onChangeMode(\"main\");\r\n            }.bind(this)}\r\n          >\r\n            데놀랜드 소개\r\n          </a>\r\n          <ul id=\"sub-menu\" className=\"about-sub\">\r\n            <li>\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"speaker\");\r\n                }.bind(this)}\r\n              >\r\n                데놀 즐기기\r\n              </a>\r\n            </li>\r\n\r\n            <li>\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"partners\");\r\n                }.bind(this)}\r\n              >\r\n                함께하는 파트너스\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </li>\r\n\r\n        <li>\r\n          <a\r\n            href=\"/\"\r\n            className=\"menu\"\r\n            onClick={function (e) {\r\n              e.preventDefault();\r\n              this.props.onChangeMode(\"concept\");\r\n            }.bind(this)}\r\n          >\r\n            데놀랜드 2020\r\n          </a>\r\n          <ul id=\"sub-menu\" className=\"event-sub\">\r\n            <li>\r\n              <a\r\n                href=\"/program\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"program\");\r\n                }.bind(this)}\r\n              >\r\n                프로그램\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </li>\r\n\r\n        <li>\r\n          <a\r\n            href=\"/coc\"\r\n            className=\"menu\"\r\n            onClick={function (e) {\r\n              e.preventDefault();\r\n              this.props.onChangeMode(\"coc\");\r\n            }.bind(this)}\r\n          >\r\n            데놀랜드 이용규칙\r\n          </a>\r\n        </li>\r\n\r\n        <li>\r\n          <a\r\n            href=\"/main\"\r\n            className=\"menu\"\r\n            onClick={function (e) {\r\n              e.preventDefault();\r\n              this.props.onChangeMode(\"main\");\r\n            }.bind(this)}\r\n          >\r\n            데놀랜드 뉴스레터\r\n          </a>\r\n          <ul id=\"sub-menu\" className=\"news-sub\">\r\n            <li>\r\n              <a href=\"https://stib.ee/MWQ2\" target=\"_blank\" rel=\"noopener noreferrer\">뉴스레터 1회차</a>\r\n            </li>\r\n\r\n            <li>\r\n              <a href=\"https://stib.ee/ILT2\" target=\"_blank\" rel=\"noopener noreferrer\">뉴스레터 2회차</a>\r\n            </li>\r\n\r\n            <li>\r\n              <a href=\"https://stib.ee/BOU2\" target=\"_blank\" rel=\"noopener noreferrer\">뉴스레터 3회차</a>\r\n            </li>\r\n          </ul>\r\n        </li>\r\n\r\n        <li>\r\n          <a href=\"https://event-us.kr/datayanolja2020/event/23268\" target=\"_blank\" rel=\"noopener noreferrer\" className=\"menu\">\r\n            데놀랜드 입장권\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Menu;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/6b456bef93a61d108136a7bc0d23f633.json b/node_modules/.cache/babel-loader/6b456bef93a61d108136a7bc0d23f633.json
new file mode 100644
index 00000000..5d6b8e39
--- /dev/null
+++ b/node_modules/.cache/babel-loader/6b456bef93a61d108136a7bc0d23f633.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Speaker\\\\Speaker.js\";\nimport React, { Component } from \"react\";\nimport speaker2 from \"../../img/Speaker/guide_02.png\";\nimport speaker3 from \"../../img/Speaker/guide_03.png\";\nimport speaker4 from \"../../img/Speaker/guide_04.png\";\nimport \"../Speaker/Speaker.css\"; // import \"../Speaker/media-Speaker.css\";\n\nclass Speaker extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #082138; }\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-top\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 17\n      }\n    })), \"\\uC990\\uAE30\\uAE30\"))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"spe-contents\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"left-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker2,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790\\uC5D0\\uC11C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 17\n      }\n    }), \"\\uC624\\uC9C1 \\uB2F9\\uC2E0\\uB9CC\\uC774 \\uB4E4\\uB824\\uC904 \\uC218 \\uC788\\uB294 \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 34\n      }\n    }), \"\\uC18C\\uC911\\uD55C \\uC774\\uC57C\\uAE30\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC640 \\uD568\\uAED8 \\uD558\\uBA70 \\uACAA\\uC5C8\\uB358 \\uBAA8\\uB4E0 \\uACE0\\uB09C, \\uC2DC\\uB828, \\uC5ED\\uACBD, \\uC0BD\\uC9C8, \\uAE30\\uC068,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 15\n      }\n    }, \"\\uD658\\uD76C\\uB098 \\uB370\\uC774\\uD130\\uB97C \\uD1B5\\uD574 \\uC5BB\\uC740 \\uD1B5\\uCC30, \\uB370\\uC774\\uD130\\uB97C \\uD1B5\\uD55C\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 15\n      }\n    }, \"\\uC0C8\\uB85C\\uC6B4 \\uAC00\\uCE58 \\uCC3D\\uCD9C\\uC758 \\uACBD\\uD5D8 \\uB4F1 \\uB2F9\\uC2E0\\uB9CC\\uC758 \\uC18C\\uC911\\uD55C \\uACBD\\uD5D8\\uC744 \\uACF5\\uC720\\uD574\\uC8FC\\uC138\\uC694\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC5D0 \\uAD00\\uC2EC \\uC788\\uB294 \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 28\n      }\n    }), \"\\uB2E4\\uC591\\uD55C \\uC9C1\\uAD70\\uC758 \\uC0AC\\uB78C\\uB4E4\\uC774 \\uBAA8\\uC774\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 17\n      }\n    }), \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 15\n      }\n    }, \"\\uC5F0\\uAD6C\\uC6D0, \\uACE0\\uB4F1\\uD559\\uC0DD \\uB4F1 \\uB2E4\\uC591\\uD55C \\uC0AC\\uB78C\\uB4E4\\uC774 \\uBAA8\\uC5EC\\uC11C \\uB9CC\\uB4DC\\uB294 \\uD589\\uC0AC\\uC785\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 15\n      }\n    }, \"\\uBC1C\\uD45C \\uC18C\\uAC1C\\uC5D0\\uC11C \\uB300\\uC0C1 \\uCCAD\\uC911\\uC744 \\uAD6C\\uCCB4\\uC801\\uC73C\\uB85C \\uC791\\uC131\\uD574\\uC8FC\\uC2DC\\uBA74,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 15\n      }\n    }, \"\\uBAA8\\uB450\\uAC00 \\uC6D0\\uD558\\uB294 \\uBC1C\\uD45C\\uB97C \\uB4E4\\uC744 \\uC218 \\uC788\\uC5B4\\uC694\"))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"right-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 61,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 62,\n        columnNumber: 15\n      }\n    }, \"\\uD2B9\\uC815 \\uAE30\\uC220\\uC5D0 \\uB300\\uD55C \\uC774\\uC57C\\uAE30\\uB3C4 \\uD658\\uC601\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uC774\\uD130\\uB97C \\uB2E4\\uB8E8\\uB294 \\uD2B9\\uC815 \\uAE30\\uC220\\uC5D0 \\uB300\\uD55C \\uC804\\uBB38\\uC801\\uC778 \\uC774\\uC57C\\uAE30\\uB3C4 \\uD658\\uC601\\uD569\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 15\n      }\n    }, \"\\uB2E8, \\uBC1C\\uD45C \\uC804 \\uC774\\uB7EC\\uD55C \\uC810\\uC744 \\uCCAD\\uC911\\uC5D0\\uAC8C \\uBBF8\\uB9AC \\uC54C\\uB824\\uC8FC\\uC2DC\\uBA74,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 15\n      }\n    }, \"\\uBBF8\\uB9AC \\uB9C8\\uC74C\\uC758 \\uC900\\uBE44\\uB97C \\uD560 \\uC218 \\uC788\\uC5B4\\uC694!\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70,\n        columnNumber: 15\n      }\n    }, \"Put your hands up!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 15\n      }\n    }, \"\\uC800\\uD76C\\uB294 \\uB370\\uC774\\uD130\\uB85C \\uC7AC\\uBC0C\\uAC8C \\uB180\\uAE30 \\uC704\\uD574 \\uBAA8\\uC600\\uC2B5\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 15\n      }\n    }, \"\\uC5C4\\uC219\\uD558\\uAC70\\uB098 \\uD504\\uB85C\\uD328\\uC154\\uB110\\uD55C \\uBAA8\\uC2B5\\uB3C4 \\uC88B\\uC9C0\\uB9CC,\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 15\n      }\n    }, \"\\uD3B8\\uD55C \\uB9C8\\uC74C\\uC73C\\uB85C \\uC7AC\\uBC0C\\uB294 \\uC774\\uC57C\\uAE30\\uB97C \\uB9C8\\uC74C\\uAECF \\uC990\\uACA8\\uC8FC\\uC138\\uC694.\")), /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker3,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 13\n      }\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"left-content\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: speaker4,\n      alt: \"\\uBC1C\\uD45C\\uC790 \\uC0AC\\uC9C4\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      id: \"spe-text\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 83,\n        columnNumber: 15\n      }\n    }, \"\\uCD5C\\uACE0\\uC758 \\uBC1C\\uD45C\\uB294 \\uCD5C\\uACE0\\uC758 \\uAD11\\uACE0!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uBA4B\\uC9C4 \\uBC1C\\uD45C \\uD6C4 \\uB9C8\\uC9C0\\uB9C9 \\uC2AC\\uB77C\\uC774\\uB4DC \\uD55C \\uC7A5\\uC774\\uBA74 \\uCDA9\\uBD84\\uD569\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uCD5C\\uB300\\uD55C \\uC790\\uC81C\\uD574\\uC8FC\\uC138\\uC694.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 15\n      }\n    }, \"\\uAD11\\uACE0\\uB294 \\uC81C\\uD488\\uC774 \\uC544\\uB2CC\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 15\n      }\n    }, \"\\uC0AC\\uB78C\\uC5D0\\uAC8C \\uBC18\\uD560 \\uB54C \\uD6A8\\uACFC\\uAC00 \\uAC00\\uC7A5 \\uD07D\\uB2C8\\uB2E4.\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"h2\", {\n      id: \"last\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 15\n      }\n    }, \"\\uD53C\\uB4DC\\uBC31 \\uBB34\\uD55C \\uD658\\uC601\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 15\n      }\n    }, \"\\uBC1C\\uD45C\\uC5D0 \\uB300\\uD574 \\uAD81\\uAE08\\uD55C \\uC810\\uC774\\uB098 \\uD589\\uC0AC\\uC5D0 \\uB300\\uD55C \\uD53C\\uB4DC\\uBC31\\uC740\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 15\n      }\n    }, \"365\\uC77C \\uC5F0\\uC911\\uBB34\\uD734!\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 15\n      }\n    }, \"\\uC5B8\\uC81C\\uB4E0 \\uB370\\uB180 \\uACF5\\uC2DD \\uC774\\uBA54\\uC77C\\uC774\\uB098 \\uD398\\uC774\\uC2A4\\uBD81\\uC744 \\uD1B5\\uD574 \\uC5F0\\uB77D\\uC8FC\\uC138\\uC694.\"), /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 15\n      }\n    }, \"\\uC2E0\\uC18D\\uC815\\uD655\\uD558\\uAC8C \\uB2F5\\uBCC0 \\uBC30\\uB2EC\\uD574\\uB4DC\\uB9BD\\uB2C8\\uB2E4.\")))));\n  }\n\n}\n\nexport default Speaker;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Speaker/Speaker.js"],"names":["React","Component","speaker2","speaker3","speaker4","Speaker","render"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport speaker2 from \"../../img/Speaker/guide_02.png\";\r\nimport speaker3 from \"../../img/Speaker/guide_03.png\";\r\nimport speaker4 from \"../../img/Speaker/guide_04.png\";\r\nimport \"../Speaker/Speaker.css\";\r\n// import \"../Speaker/media-Speaker.css\";\r\n\r\nclass Speaker extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"spe-body\">\r\n        <style>{\"body { background-color: #082138; }\"}</style>\r\n\r\n        <div className=\"spe-top\">\r\n          <div className=\"Word-title\">\r\n            <p>\r\n              <strong>\r\n                데놀\r\n                <br />\r\n              </strong>\r\n              즐기기\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"spe-contents\">\r\n          <div className=\"left-content\">\r\n            <img src={speaker2} alt=\"발표자 사진\" />\r\n\r\n            <div id=\"spe-text\">\r\n              <h2>\r\n                데이터야놀자에서\r\n                <br />\r\n                오직 당신만이 들려줄 수 있는 <br />\r\n                소중한 이야기\r\n              </h2>\r\n              <p>\r\n                데이터와 함께 하며 겪었던 모든 고난, 시련, 역경, 삽질, 기쁨,\r\n              </p>\r\n              <p>환희나 데이터를 통해 얻은 통찰, 데이터를 통한</p>\r\n              <p>\r\n                새로운 가치 창출의 경험 등 당신만의 소중한 경험을 공유해주세요\r\n              </p>\r\n              <br />\r\n              <br />\r\n              <h2>\r\n                데이터에 관심 있는 <br />\r\n                다양한 직군의 사람들이 모이는\r\n                <br />\r\n                데이터야놀자\r\n              </h2>\r\n              <p>\r\n                연구원, 고등학생 등 다양한 사람들이 모여서 만드는 행사입니다.\r\n              </p>\r\n              <p>발표 소개에서 대상 청중을 구체적으로 작성해주시면,</p>\r\n              <p>모두가 원하는 발표를 들을 수 있어요</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"right-content\">\r\n            <div id=\"spe-text\">\r\n              <h2>특정 기술에 대한 이야기도 환영</h2>\r\n              <p>\r\n                데이터를 다루는 특정 기술에 대한 전문적인 이야기도 환영합니다.\r\n              </p>\r\n              <p>단, 발표 전 이러한 점을 청중에게 미리 알려주시면,</p>\r\n              <p>미리 마음의 준비를 할 수 있어요!</p>\r\n              <br />\r\n              <br />\r\n              <h2>Put your hands up!</h2>\r\n              <p>저희는 데이터로 재밌게 놀기 위해 모였습니다.</p>\r\n              <p>엄숙하거나 프로패셔널한 모습도 좋지만,</p>\r\n              <p>편한 마음으로 재밌는 이야기를 마음껏 즐겨주세요.</p>\r\n            </div>\r\n\r\n            <img src={speaker3} alt=\"발표자 사진\" />\r\n          </div>\r\n\r\n          <div className=\"left-content\">\r\n            <img src={speaker4} alt=\"발표자 사진\" />\r\n\r\n            <div id=\"spe-text\">\r\n              <h2>최고의 발표는 최고의 광고!</h2>\r\n              <p>광고는 멋진 발표 후 마지막 슬라이드 한 장이면 충분합니다.</p>\r\n              <p>광고는 최대한 자제해주세요.</p>\r\n              <p>광고는 제품이 아닌</p>\r\n              <p>사람에게 반할 때 효과가 가장 큽니다.</p>\r\n              <br />\r\n              <br />\r\n              <h2 id=\"last\">피드백 무한 환영</h2>\r\n              <p>발표에 대해 궁금한 점이나 행사에 대한 피드백은</p>\r\n              <p>365일 연중무휴!</p>\r\n              <p>언제든 데놀 공식 이메일이나 페이스북을 통해 연락주세요.</p>\r\n              <p>신속정확하게 답변 배달해드립니다.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Speaker;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/899d689a7e9052e2548d660f41503897.json b/node_modules/.cache/babel-loader/899d689a7e9052e2548d660f41503897.json
new file mode 100644
index 00000000..92f50a5b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/899d689a7e9052e2548d660f41503897.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Concept\\\\Concept.js\";\nimport React, { Component } from \"react\";\nimport concept from \"../../img/Concept/Concept.png\";\nimport states from \"./datayanolja2020.json\";\nimport \"./Concept.css\";\n\nclass Concept extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-left\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 13\n      }\n    }, \"\\uC7AC\\uBBF8\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 15\n      }\n    }), /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 15\n      }\n    }, \"\\uCC3E\\uC544\\uC11C\"))), /*#__PURE__*/React.createElement(\"img\", {\n      src: concept,\n      alt: \"concept\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 19,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(JsonConcept, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-mobile\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: concept,\n      alt: \"concept\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 11\n      }\n    })));\n  }\n\n}\n\nclass JsonConcept extends Component {\n  constructor(...args) {\n    super(...args);\n    this.titleState = states.title;\n    this.subtitle1State = states.subtitle1;\n    this.msg1State = states.msg1;\n    this.msg2State = states.msg2;\n  }\n\n  // 동적으로 json 데이터 가져오기\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"con-right\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 44,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #281D61; }\"), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"h2\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 46,\n        columnNumber: 11\n      }\n    }, this.titleState.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 49,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 19\n        }\n      }));\n    }))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"contents1\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"h3\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 11\n      }\n    }, this.subtitle1State.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 63,\n          columnNumber: 19\n        }\n      }));\n    })), /*#__PURE__*/React.createElement(\"h3\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }\n    }, this.msg1State.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 71,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 73,\n          columnNumber: 19\n        }\n      }));\n    }))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"contents2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"h3\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 11\n      }\n    }, this.msg2State.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 93,\n          columnNumber: 17\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 19\n        }\n      }));\n    }))));\n  }\n\n}\n\nexport default Concept;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Concept/Concept.js"],"names":["React","Component","concept","states","Concept","render","JsonConcept","titleState","title","subtitle1State","subtitle1","msg1State","msg1","msg2State","msg2","split","map","item","idx"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\nimport concept from \"../../img/Concept/Concept.png\";\nimport states from \"./datayanolja2020.json\";\nimport \"./Concept.css\";\n\nclass Concept extends Component {\n  render() {\n    return (\n      <div className=\"con-body\">\n        <div className=\"con-left\">\n          <div className=\"Word-title\">\n            <p>\n              재미를\n              <br />\n              <strong>찾아서</strong>\n            </p>\n          </div>\n\n          <img src={concept} alt=\"concept\" />\n        </div>\n\n        <JsonConcept></JsonConcept>\n        <div className=\"con-mobile\">\n          <img src={concept} alt=\"concept\" />\n        </div>\n      </div>\n    );\n  }\n}\n\nclass JsonConcept extends Component {\n  // json 파일 가져와서 대입\n  titleState = states.title;\n  subtitle1State = states.subtitle1;\n  msg1State = states.msg1;\n  // subtitle2State = states.subtitle2;\n  msg2State = states.msg2;\n\n  // 동적으로 json 데이터 가져오기\n  render() {\n    return (\n      <div className=\"con-right\">\n        {/* <style>{'body { background: url(\"/static/media/background.86d71c5e.png\"); background-repeat: no-repeat; background-size: cover; }'}</style> */}\n        <style>{\"body { background-color: #281D61; }\"}</style>\n        <section className=\"title\">\n          <h2>\n            {this.titleState.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h2>\n        </section>\n        <section className=\"contents1\">\n          <h3>\n            {this.subtitle1State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h3>\n          <h3>\n            {this.msg1State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h3>\n        </section>\n        <section className=\"contents2\">\n          {/* <h3>\n            {this.subtitle2State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h3> */}\n          <h3>\n            {this.msg2State.split(\"\\n\").map(function (item, idx) {\n              return (\n                <span key={idx}>\n                  {item}\n                  <br />\n                </span>\n              );\n            })}\n          </h3>\n        </section>\n      </div>\n    );\n  }\n}\n\nexport default Concept;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8dffccab42948616f451e2a663d99204.json b/node_modules/.cache/babel-loader/8dffccab42948616f451e2a663d99204.json
new file mode 100644
index 00000000..42087dfa
--- /dev/null
+++ b/node_modules/.cache/babel-loader/8dffccab42948616f451e2a663d99204.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Header\\\\mobileMenu.js\";\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nimport \"../Header/mobileMenu.css\";\nimport menuBtn from \"../../img/Header/\\uD584\\uBC84\\uAC70.svg\";\nimport closeBtn from \"../../img/Header/\\uB2EB\\uAE30.svg\";\n\nclass MobileMenu extends Component {\n  componentDidMount() {\n    var info_click_num = 0;\n    var denol_click_num = 0;\n    var news_click_num = 0;\n    $(document).ready(function () {\n      $('.menu_btn>a').on('click', function () {\n        $('.menu_bg').show();\n        $('.sidebar_menu').animate({\n          right: 0\n        });\n      });\n      $('.close_btn>a').on('click', function () {\n        $('.menu_bg').hide();\n        $('.sidebar_menu').animate({\n          right: '-' + 50 + '%'\n        });\n      });\n      $('.menu-info>a').on('click', function () {\n        if (info_click_num % 2 === 0) $('.mobile-menu-info-clicked>ul').css('display', 'block');else $('.mobile-menu-info-clicked>ul').css('display', 'none');\n        info_click_num++;\n      });\n      $('.menu-2020>a').on('click', function () {\n        if (denol_click_num % 2 === 0) $('.mobile-menu-2020-clicked>ul').css('display', 'block');else $('.mobile-menu-2020-clicked>ul').css('display', 'none');\n        denol_click_num++;\n      });\n      $('.menu-news>a').on('click', function () {\n        if (news_click_num % 2 === 0) $('.mobile-menu-news-clicked>ul').css('display', 'block');else $('.mobile-menu-news-clicked>ul').css('display', 'none');\n        news_click_num++;\n      });\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 5\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 59,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: menuBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 63,\n        columnNumber: 17\n      }\n    })))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_bg\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"sidebar_menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"close_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: closeBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 21\n      }\n    }))), /*#__PURE__*/React.createElement(\"ul\", {\n      className: \"menu_wrap\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-info\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC18C\\uAC1C\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-info-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 21\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 25\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 29\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"speaker\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 33\n      }\n    }, \"\\uB370\\uB180 \\uC990\\uAE30\\uAE30\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 29\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"partners\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 33\n      }\n    }, \"\\uD568\\uAED8\\uD558\\uB294 \\uD30C\\uD2B8\\uB108\\uC2A4\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-2020\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 109,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"concept\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC 2020\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-2020-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115,\n        columnNumber: 21\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 116,\n        columnNumber: 25\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117,\n        columnNumber: 29\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"program\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 117,\n        columnNumber: 33\n      }\n    }, \"\\uD504\\uB85C\\uADF8\\uB7A8\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"coc\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC774\\uC6A9\\uADDC\\uCE59\")), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-news\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uB274\\uC2A4\\uB808\\uD130\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-news-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 21\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 25\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 29\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/MWQ2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 141,\n        columnNumber: 33\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 1\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 142,\n        columnNumber: 29\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/ILT2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 142,\n        columnNumber: 33\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 2\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 29\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/BOU2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 143,\n        columnNumber: 33\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 3\\uD68C\\uCC28\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://event-us.kr/datayanolja2020/event/23268\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC785\\uC7A5\\uAD8C\")))));\n  }\n\n}\n\nexport default MobileMenu;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Header/mobileMenu.js"],"names":["React","Component","$","MobileMenu","componentDidMount","info_click_num","denol_click_num","news_click_num","document","ready","on","show","animate","right","hide","css","render","e","preventDefault","bind","menuBtn","closeBtn","props","onChangeMode"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../Header/mobileMenu.css\";\r\nimport menuBtn from \"../../img/Header/햄버거.svg\";\r\nimport closeBtn from \"../../img/Header/닫기.svg\";\r\n\r\nclass MobileMenu extends Component {\r\ncomponentDidMount() {\r\n    var info_click_num = 0;\r\n    var denol_click_num = 0;\r\n    var news_click_num = 0;\r\n    $(document).ready(function(){\r\n        $('.menu_btn>a').on('click', function(){\r\n            $('.menu_bg').show(); \r\n            $('.sidebar_menu').animate({\r\n                right:0\r\n            });  \r\n        });\r\n        $('.close_btn>a').on('click', function(){\r\n            $('.menu_bg').hide(); \r\n            $('.sidebar_menu').animate({\r\n                right: '-' + 50 + '%'\r\n                        });  \r\n        });\r\n\r\n        $('.menu-info>a')\r\n        .on('click', function(){\r\n            if(info_click_num %2 === 0)\r\n                $('.mobile-menu-info-clicked>ul').css('display','block');\r\n            else\r\n                $('.mobile-menu-info-clicked>ul').css('display','none');\r\n            info_click_num ++;\r\n        });\r\n\r\n        $('.menu-2020>a')\r\n        .on('click', function(){\r\n            if(denol_click_num %2 === 0)\r\n                $('.mobile-menu-2020-clicked>ul').css('display','block');\r\n            else\r\n                $('.mobile-menu-2020-clicked>ul').css('display','none');\r\n            denol_click_num ++;\r\n        });\r\n\r\n        $('.menu-news>a')\r\n        .on('click', function(){\r\n            if(news_click_num %2 === 0)\r\n                $('.mobile-menu-news-clicked>ul').css('display','block');\r\n            else\r\n                $('.mobile-menu-news-clicked>ul').css('display','none');\r\n            news_click_num ++;\r\n        });\r\n    });\r\n}\r\n\r\nrender() {\r\n    return (\r\n    <div className=\"mobile-menu\">\r\n        <div className=\"menu-header\">\r\n            <div className=\"menu_btn\">\r\n                <a href=\"/\" onClick={function (e) {\r\n                e.preventDefault();\r\n            }.bind(this)}>\r\n                <img src={menuBtn} />\r\n                </a>\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"menu_bg\"></div>\r\n\r\n        <div className=\"sidebar_menu\">\r\n            <div className=\"close_btn\">\r\n                <a href=\"/\" onClick={function (e) {\r\n                e.preventDefault();\r\n            }.bind(this)}>       \r\n                    <img src={closeBtn} />\r\n                </a>\r\n            </div>\r\n\r\n            <ul className=\"menu_wrap\">\r\n\r\n                <li className=\"menu-info\">\r\n                    <a href=\"/\" onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"main\");\r\n                    }.bind(this)}>데놀랜드 소개</a>\r\n\r\n                    <div className=\"mobile-menu-info-clicked\">\r\n                        <ul>\r\n                            <li><a\r\n                                href=\"/\"\r\n                                onClick={function (e) {\r\n                                e.preventDefault();\r\n                                this.props.onChangeMode(\"speaker\");\r\n                                }.bind(this)}>\r\n                                데놀 즐기기\r\n                            </a></li>\r\n                            <li><a\r\n                            href=\"/\"\r\n                            onClick={function (e) {\r\n                            e.preventDefault();\r\n                            this.props.onChangeMode(\"partners\");\r\n                            }.bind(this)}>\r\n                            함께하는 파트너스\r\n                        </a></li>\r\n                        </ul>\r\n                    </div>\r\n                </li>\r\n\r\n                <li className=\"menu-2020\">\r\n                    <a href=\"/\" onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"concept\");\r\n                    }.bind(this)}>데놀랜드 2020</a>\r\n\r\n                    <div className=\"mobile-menu-2020-clicked\">\r\n                        <ul>\r\n                            <li><a href=\"/\" onClick={function (e) {\r\n                                e.preventDefault();\r\n                                this.props.onChangeMode(\"program\");\r\n                                }.bind(this)}>프로그램</a>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </li>\r\n\r\n                <li>\r\n                    <a href=\"/\" onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"coc\");\r\n                    }.bind(this)}>데놀랜드 이용규칙</a>\r\n                </li>\r\n\r\n                <li className=\"menu-news\">\r\n                    <a href=\"/\" onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"main\");\r\n                    }.bind(this)}>데놀랜드 뉴스레터</a>\r\n\r\n                    <div className=\"mobile-menu-news-clicked\">\r\n                        <ul>\r\n                            <li><a href=\"https://stib.ee/MWQ2\">뉴스레터 1회차</a></li>\r\n                            <li><a href=\"https://stib.ee/ILT2\">뉴스레터 2회차</a></li>\r\n                            <li><a href=\"https://stib.ee/BOU2\">뉴스레터 3회차</a></li>\r\n                        </ul>\r\n                    </div>\r\n                </li>\r\n\r\n                <li>\r\n                    <a href=\"https://event-us.kr/datayanolja2020/event/23268\">데놀랜드 입장권</a>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    );\r\n}\r\n}\r\n\r\nexport default MobileMenu;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8fd458f85f17d771dff43ab857d7818a.json b/node_modules/.cache/babel-loader/8fd458f85f17d771dff43ab857d7818a.json
new file mode 100644
index 00000000..02c240ea
--- /dev/null
+++ b/node_modules/.cache/babel-loader/8fd458f85f17d771dff43ab857d7818a.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Header\\\\mobileMenu.js\";\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nimport \"../Header/mobileMenu.css\";\nimport menuBtn from \"../../img/Header/\\uD584\\uBC84\\uAC70.svg\";\nimport closeBtn from \"../../img/Header/닫기.png\";\n\nclass MobileMenu extends Component {\n  componentDidMount() {\n    var info_click_num = 0;\n    var denol_click_num = 0;\n    var news_click_num = 0;\n    $(document).ready(function () {\n      $(\".menu_btn>a\").on(\"click\", function () {\n        $(\".menu_bg\").show();\n        $(\".sidebar_menu\").animate({\n          right: 0\n        });\n      });\n      $(\".close_btn>a\").on(\"click\", function () {\n        $(\".menu_bg\").hide();\n        $(\".sidebar_menu\").animate({\n          right: \"-\" + 50 + \"%\"\n        });\n      });\n      $(\".menu-info>a\").on(\"click\", function () {\n        if (info_click_num % 2 === 0) $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"none\");\n        info_click_num++;\n      });\n      $(\".menu-2020>a\").on(\"click\", function () {\n        if (denol_click_num % 2 === 0) $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"none\");\n        denol_click_num++;\n      });\n      $(\".menu-news>a\").on(\"click\", function () {\n        if (news_click_num % 2 === 0) $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"none\");\n        news_click_num++;\n      });\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: menuBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 15\n      }\n    })))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_bg\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"sidebar_menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"close_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: closeBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 15\n      }\n    }))), /*#__PURE__*/React.createElement(\"ul\", {\n      className: \"menu_wrap\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-info\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC18C\\uAC1C\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-info-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"speaker\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180 \\uC990\\uAE30\\uAE30\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"partners\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 21\n      }\n    }, \"\\uD568\\uAED8\\uD558\\uB294 \\uD30C\\uD2B8\\uB108\\uC2A4\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-2020\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"concept\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC 2020\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-2020-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 130,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 131,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 132,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"program\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 21\n      }\n    }, \"\\uD504\\uB85C\\uADF8\\uB7A8\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"coc\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC774\\uC6A9\\uADDC\\uCE59\")), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-news\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uB274\\uC2A4\\uB808\\uD130\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-news-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 170,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/MWQ2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 1\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/ILT2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 2\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/BOU2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 3\\uD68C\\uCC28\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 185,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://event-us.kr/datayanolja2020/event/23268\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC785\\uC7A5\\uAD8C\")))));\n  }\n\n}\n\nexport default MobileMenu;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Header/mobileMenu.js"],"names":["React","Component","$","closeBtn","MobileMenu","componentDidMount","info_click_num","denol_click_num","news_click_num","document","ready","on","show","animate","right","hide","css","render","e","preventDefault","bind","menuBtn","props","onChangeMode"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../Header/mobileMenu.css\";\r\nimport menuBtn from \"../../img/Header/햄버거.svg\";\r\nimport closeBtn from \"../../img/Header/닫기.png\";\r\n\r\nclass MobileMenu extends Component {\r\n  componentDidMount() {\r\n    var info_click_num = 0;\r\n    var denol_click_num = 0;\r\n    var news_click_num = 0;\r\n    $(document).ready(function () {\r\n      $(\".menu_btn>a\").on(\"click\", function () {\r\n        $(\".menu_bg\").show();\r\n        $(\".sidebar_menu\").animate({\r\n          right: 0,\r\n        });\r\n      });\r\n      $(\".close_btn>a\").on(\"click\", function () {\r\n        $(\".menu_bg\").hide();\r\n        $(\".sidebar_menu\").animate({\r\n          right: \"-\" + 50 + \"%\",\r\n        });\r\n      });\r\n\r\n      $(\".menu-info>a\").on(\"click\", function () {\r\n        if (info_click_num % 2 === 0)\r\n          $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"none\");\r\n        info_click_num++;\r\n      });\r\n\r\n      $(\".menu-2020>a\").on(\"click\", function () {\r\n        if (denol_click_num % 2 === 0)\r\n          $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"none\");\r\n        denol_click_num++;\r\n      });\r\n\r\n      $(\".menu-news>a\").on(\"click\", function () {\r\n        if (news_click_num % 2 === 0)\r\n          $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"none\");\r\n        news_click_num++;\r\n      });\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"mobile-menu\">\r\n        <div className=\"menu-header\">\r\n          <div className=\"menu_btn\">\r\n            <a\r\n              href=\"/\"\r\n              onClick={function (e) {\r\n                e.preventDefault();\r\n              }.bind(this)}\r\n            >\r\n              <img src={menuBtn} />\r\n            </a>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"menu_bg\"></div>\r\n\r\n        <div className=\"sidebar_menu\">\r\n          <div className=\"close_btn\">\r\n            <a\r\n              href=\"/\"\r\n              onClick={function (e) {\r\n                e.preventDefault();\r\n              }.bind(this)}\r\n            >\r\n              <img src={closeBtn} />\r\n            </a>\r\n          </div>\r\n\r\n          <ul className=\"menu_wrap\">\r\n            <li className=\"menu-info\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"main\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 소개\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-info-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"speaker\");\r\n                      }.bind(this)}\r\n                    >\r\n                      데놀 즐기기\r\n                    </a>\r\n                  </li>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"partners\");\r\n                      }.bind(this)}\r\n                    >\r\n                      함께하는 파트너스\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li className=\"menu-2020\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"concept\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 2020\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-2020-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"program\");\r\n                      }.bind(this)}\r\n                    >\r\n                      프로그램\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li>\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"coc\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 이용규칙\r\n              </a>\r\n            </li>\r\n\r\n            <li className=\"menu-news\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"main\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 뉴스레터\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-news-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/MWQ2\">뉴스레터 1회차</a>\r\n                  </li>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/ILT2\">뉴스레터 2회차</a>\r\n                  </li>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/BOU2\">뉴스레터 3회차</a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li>\r\n              <a href=\"https://event-us.kr/datayanolja2020/event/23268\">\r\n                데놀랜드 입장권\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default MobileMenu;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b16ddaa7fd0bef0367041ea0eaed3945.json b/node_modules/.cache/babel-loader/b16ddaa7fd0bef0367041ea0eaed3945.json
new file mode 100644
index 00000000..8aa0ee6d
--- /dev/null
+++ b/node_modules/.cache/babel-loader/b16ddaa7fd0bef0367041ea0eaed3945.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Coc\\\\coc.js\";\nimport React, { Component } from \"react\";\nimport \"./coc.css\";\nimport logo from \"../../img/Coc/Coc_img.png\";\n\nclass Header extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 8,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 13\n      }\n    }, \"Code \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 20\n      }\n    }), \"of Conduct\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-lower\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C \\uB180\\uC790\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 15\n      }\n    }), \"\\uB2E4\\uC74C\\uC758 \\uAC00\\uCE58\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 15\n      }\n    }), \"\\uC911\\uC694\\uD558\\uAC8C \\uC0DD\\uAC01\\uD569\\uB2C8\\uB2E4.\"))));\n  }\n\n}\n\nclass Logo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: logo,\n      alt: \"Logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass SectionA extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\"\n      }, {\n        id: \"highlight\",\n        desc: \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section A\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 11\n      }\n    }, this.write_text(2))));\n  }\n\n}\n\nclass SectionB extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.'\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\"\n      }, {\n        id: \"list\",\n        desc: \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\"\n      }, {\n        id: \"bottom\",\n        desc: '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.'\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section B\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 13\n      }\n    }, \"COMPANION\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 15\n      }\n    }), \"\\uC5B4\\uC6B8\\uB9BC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 11\n      }\n    }, \"COMPANION \\uC5B4\\uC6B8\\uB9BC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 11\n      }\n    }, this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 11\n      }\n    }, this.write_text(3))));\n  }\n\n}\n\nclass SectionC extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\"\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\"\n      }, {\n        id: \"pmc\",\n        desc: \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\"\n      }, {\n        id: \"committer\",\n        desc: \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\"\n      }, {\n        id: \"user\",\n        desc: \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 193,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 204,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 205,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 206,\n        columnNumber: 13\n      }\n    }, \"OWNERSHIP\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 15\n      }\n    }), \"\\uCC38\\uC5EC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 11\n      }\n    }, \"OWNERSHIP \\uCC38\\uC5EC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 218,\n        columnNumber: 13\n      }\n    }, \"PMC(\\uC6B4\\uC601\\uC9C4/\\uC790\\uC6D0\\uBD09\\uC0AC\\uC790)\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 13\n      }\n    }, \"COMMITTER(\\uBC1C\\uD45C\\uC790/\\uD6C4\\uC6D0\\uC790)\"), this.write_text(3)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }, \"USER(\\uCC38\\uAC00\\uC790)\"), this.write_text(4))));\n  }\n\n}\n\nclass SectionD extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n'\n      }, {\n        id: \"knowlege\",\n        desc: \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\"\n      }, {\n        id: \"networking\",\n        desc: \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\"\n      }, {\n        id: \"play\",\n        desc: \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section D\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 277,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279,\n        columnNumber: 13\n      }\n    }, \"CHEERS!\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 281,\n        columnNumber: 15\n      }\n    }), \"\\uC990\\uAC70\\uC6C0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 286,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 11\n      }\n    }, \"CHEERS! \\uC990\\uAC70\\uC6C0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 288,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 13\n      }\n    }, \"\\uC9C0\\uC801 \\uC990\\uAC70\\uC6C0\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 293,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, \"\\uB124\\uD2B8\\uC6CC\\uD0B9\\uC758 \\uC990\\uAC70\\uC6C0\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 13\n      }\n    }, \"\\uB178\\uB294 \\uC990\\uAC70\\uC6C0\"), this.write_text(3))));\n  }\n\n}\n\nclass Report extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"신고하기\",\n        desc: \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\"\n      }, {\n        id: \"신고방법\",\n        desc: \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\"\n      }, {\n        id: \"대응방식\",\n        desc: \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\"\n      }, {\n        id: \"재발 방지를 위하여\",\n        desc: \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 340,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section E\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 348,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 13\n      }\n    }, \"REPORT\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353,\n        columnNumber: 15\n      }\n    }), \"\\uC2E0\\uACE0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 359,\n        columnNumber: 11\n      }\n    }, \"REPORT \\uC2E0\\uACE0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uD558\\uAE30\"), this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 365,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uBC29\\uBC95\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 369,\n        columnNumber: 13\n      }\n    }, \"\\uB300\\uC751\\uBC29\\uC2DD\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 372,\n        columnNumber: 11\n      }\n    }, \"----------------------------------\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 373,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 375,\n        columnNumber: 15\n      }\n    }), \"COC \\uC704\\uBC18\\uC774 \\uC811\\uC218\\uB41C \\uC774\\uD6C4 - \\uC7AC\\uBC1C \\uBC29\\uC9C0\\uB97C \\uC704\\uD558\\uC5EC\"), this.write_text(3))));\n  }\n\n}\n\nclass Container extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"section\", {\n      className: \"container\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 389,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(SectionA, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionB, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 391,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionC, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionD, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 393,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Report, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Coc extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #fdd2db; }\"), /*#__PURE__*/React.createElement(Header, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 405,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Logo, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 406,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Container, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Coc;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Coc/coc.js"],"names":["React","Component","logo","Header","render","Logo","SectionA","state","contents","id","desc","write_text","i","split","map","item","idx","SectionB","SectionC","SectionD","Report","Container","Coc"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./coc.css\";\r\nimport logo from \"../../img/Coc/Coc_img.png\";\r\n\r\nclass Header extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-header\">\r\n        <div className=\"Word-title\">\r\n          <p>\r\n            <strong>\r\n              Code <br />\r\n              of Conduct\r\n            </strong>\r\n            <br />\r\n            <div className=\"coc-lower\">\r\n              데이터야 놀자는\r\n              <br />\r\n              다음의 가치를\r\n              <br />\r\n              중요하게 생각합니다.\r\n            </div>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Logo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"logo\">\r\n        <img src={logo} alt=\"Logo\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nclass SectionA extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section A\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\"></div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionB extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.',\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\",\r\n      },\r\n      {\r\n        id: \"list\",\r\n        desc:\r\n          \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\",\r\n      },\r\n      {\r\n        id: \"bottom\",\r\n        desc:\r\n          '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.',\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section B\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              COMPANION\r\n              <br />\r\n              어울림\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">COMPANION 어울림</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n          <div className=\"coc\">{this.write_text(3)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionC extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\",\r\n      },\r\n      {\r\n        id: \"pmc\",\r\n        desc:\r\n          \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"committer\",\r\n        desc:\r\n          \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"user\",\r\n        desc:\r\n          \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section C\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              OWNERSHIP\r\n              <br />\r\n              참여\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">OWNERSHIP 참여</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">PMC(운영진/자원봉사자)</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">COMMITTER(발표자/후원자)</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">USER(참가자)</div>\r\n            {this.write_text(4)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionD extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n',\r\n      },\r\n      {\r\n        id: \"knowlege\",\r\n        desc:\r\n          \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"networking\",\r\n        desc:\r\n          \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"play\",\r\n        desc:\r\n          \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section D\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              CHEERS!\r\n              <br />\r\n              즐거움\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">CHEERS! 즐거움</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">지적 즐거움</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">네트워킹의 즐거움</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">노는 즐거움</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Report extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"신고하기\",\r\n        desc:\r\n          \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"신고방법\",\r\n        desc:\r\n          \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"대응방식\",\r\n        desc:\r\n          \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\",\r\n      },\r\n      {\r\n        id: \"재발 방지를 위하여\",\r\n        desc:\r\n          \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section E\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              REPORT\r\n              <br />\r\n              신고\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">REPORT 신고</p>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고하기</div>\r\n            {this.write_text(0)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고방법</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">대응방식</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">----------------------------------</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">\r\n              <br />\r\n              COC 위반이 접수된 이후 - 재발 방지를 위하여\r\n            </div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Container extends Component {\r\n  render() {\r\n    return (\r\n      <section className=\"container\">\r\n        <SectionA></SectionA>\r\n        <SectionB></SectionB>\r\n        <SectionC></SectionC>\r\n        <SectionD></SectionD>\r\n        <Report></Report>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nclass Coc extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-body\">\r\n        <style>{\"body { background-color: #fdd2db; }\"}</style>\r\n        <Header></Header>\r\n        <Logo></Logo>\r\n        <Container></Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Coc;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ba561c333989c0676c5a20fe924c7649.json b/node_modules/.cache/babel-loader/ba561c333989c0676c5a20fe924c7649.json
new file mode 100644
index 00000000..00e8f49e
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ba561c333989c0676c5a20fe924c7649.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Coc\\\\coc.js\";\nimport React, { Component } from \"react\";\nimport \"./coc.css\";\nimport logo from \"../../img/Coc/Coc_img.png\";\n\nclass Header extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 8,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 13\n      }\n    }, \"Code \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 20\n      }\n    }), \"of Conduct\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-lower\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C \\uB180\\uC790\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 15\n      }\n    }), \"\\uB2E4\\uC74C\\uC758 \\uAC00\\uCE58\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 15\n      }\n    }), \"\\uC911\\uC694\\uD558\\uAC8C \\uC0DD\\uAC01\\uD569\\uB2C8\\uB2E4.\"))));\n  }\n\n}\n\nclass Logo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: logo,\n      alt: \"Logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass SectionA extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\"\n      }, {\n        id: \"highlight\",\n        desc: \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section A\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 11\n      }\n    }, this.write_text(2))));\n  }\n\n}\n\nclass SectionB extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.'\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\"\n      }, {\n        id: \"list\",\n        desc: \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\"\n      }, {\n        id: \"bottom\",\n        desc: '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.'\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section B\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 13\n      }\n    }, \"COMPANION\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 15\n      }\n    }), \"\\uC5B4\\uC6B8\\uB9BC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 11\n      }\n    }, \"COMPANION \\uC5B4\\uC6B8\\uB9BC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 11\n      }\n    }, this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 11\n      }\n    }, this.write_text(3))));\n  }\n\n}\n\nclass SectionC extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\"\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\"\n      }, {\n        id: \"pmc\",\n        desc: \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\"\n      }, {\n        id: \"committer\",\n        desc: \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\"\n      }, {\n        id: \"user\",\n        desc: \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 193,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 204,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 205,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 206,\n        columnNumber: 13\n      }\n    }, \"OWNERSHIP\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 15\n      }\n    }), \"\\uCC38\\uC5EC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 11\n      }\n    }, \"OWNERSHIP \\uCC38\\uC5EC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 218,\n        columnNumber: 13\n      }\n    }, \"PMC(\\uC6B4\\uC601\\uC9C4/\\uC790\\uC6D0\\uBD09\\uC0AC\\uC790)\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 13\n      }\n    }, \"COMMITTER(\\uBC1C\\uD45C\\uC790/\\uD6C4\\uC6D0\\uC790)\"), this.write_text(3)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }, \"USER(\\uCC38\\uAC00\\uC790)\"), this.write_text(4))));\n  }\n\n}\n\nclass SectionD extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n'\n      }, {\n        id: \"knowlege\",\n        desc: \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\"\n      }, {\n        id: \"networking\",\n        desc: \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\"\n      }, {\n        id: \"play\",\n        desc: \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section D\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 277,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279,\n        columnNumber: 13\n      }\n    }, \"CHEERS!\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 281,\n        columnNumber: 15\n      }\n    }), \"\\uC990\\uAC70\\uC6C0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 286,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 11\n      }\n    }, \"CHEERS! \\uC990\\uAC70\\uC6C0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 288,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 13\n      }\n    }, \"\\uC9C0\\uC801 \\uC990\\uAC70\\uC6C0\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 293,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, \"\\uB124\\uD2B8\\uC6CC\\uD0B9\\uC758 \\uC990\\uAC70\\uC6C0\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 13\n      }\n    }, \"\\uB178\\uB294 \\uC990\\uAC70\\uC6C0\"), this.write_text(3))));\n  }\n\n}\n\nclass Report extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"신고하기\",\n        desc: \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\"\n      }, {\n        id: \"신고방법\",\n        desc: \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\"\n      }, {\n        id: \"대응방식\",\n        desc: \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\"\n      }, {\n        id: \"재발 방지를 위하여\",\n        desc: \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 340,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section E\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 348,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 13\n      }\n    }, \"REPORT\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353,\n        columnNumber: 15\n      }\n    }), \"\\uC2E0\\uACE0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 359,\n        columnNumber: 11\n      }\n    }, \"REPORT \\uC2E0\\uACE0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uD558\\uAE30\"), this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 365,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uBC29\\uBC95\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 369,\n        columnNumber: 13\n      }\n    }, \"\\uB300\\uC751\\uBC29\\uC2DD\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 372,\n        columnNumber: 11\n      }\n    }, \"--------------------------------\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 373,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 375,\n        columnNumber: 15\n      }\n    }), \"COC \\uC704\\uBC18\\uC774 \\uC811\\uC218\\uB41C \\uC774\\uD6C4 - \\uC7AC\\uBC1C \\uBC29\\uC9C0\\uB97C \\uC704\\uD558\\uC5EC\"), this.write_text(3))));\n  }\n\n}\n\nclass Container extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"section\", {\n      className: \"container\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 389,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(SectionA, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionB, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 391,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionC, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionD, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 393,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Report, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Coc extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #fdd2db; }\"), /*#__PURE__*/React.createElement(Header, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 405,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Logo, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 406,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Container, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Coc;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Coc/coc.js"],"names":["React","Component","logo","Header","render","Logo","SectionA","state","contents","id","desc","write_text","i","split","map","item","idx","SectionB","SectionC","SectionD","Report","Container","Coc"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./coc.css\";\r\nimport logo from \"../../img/Coc/Coc_img.png\";\r\n\r\nclass Header extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-header\">\r\n        <div className=\"Word-title\">\r\n          <p>\r\n            <strong>\r\n              Code <br />\r\n              of Conduct\r\n            </strong>\r\n            <br />\r\n            <div className=\"coc-lower\">\r\n              데이터야 놀자는\r\n              <br />\r\n              다음의 가치를\r\n              <br />\r\n              중요하게 생각합니다.\r\n            </div>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Logo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"logo\">\r\n        <img src={logo} alt=\"Logo\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nclass SectionA extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section A\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\"></div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionB extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.',\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\",\r\n      },\r\n      {\r\n        id: \"list\",\r\n        desc:\r\n          \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\",\r\n      },\r\n      {\r\n        id: \"bottom\",\r\n        desc:\r\n          '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.',\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section B\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              COMPANION\r\n              <br />\r\n              어울림\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">COMPANION 어울림</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n          <div className=\"coc\">{this.write_text(3)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionC extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\",\r\n      },\r\n      {\r\n        id: \"pmc\",\r\n        desc:\r\n          \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"committer\",\r\n        desc:\r\n          \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"user\",\r\n        desc:\r\n          \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section C\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              OWNERSHIP\r\n              <br />\r\n              참여\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">OWNERSHIP 참여</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">PMC(운영진/자원봉사자)</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">COMMITTER(발표자/후원자)</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">USER(참가자)</div>\r\n            {this.write_text(4)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionD extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n',\r\n      },\r\n      {\r\n        id: \"knowlege\",\r\n        desc:\r\n          \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"networking\",\r\n        desc:\r\n          \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"play\",\r\n        desc:\r\n          \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section D\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              CHEERS!\r\n              <br />\r\n              즐거움\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">CHEERS! 즐거움</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">지적 즐거움</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">네트워킹의 즐거움</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">노는 즐거움</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Report extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"신고하기\",\r\n        desc:\r\n          \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"신고방법\",\r\n        desc:\r\n          \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"대응방식\",\r\n        desc:\r\n          \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\",\r\n      },\r\n      {\r\n        id: \"재발 방지를 위하여\",\r\n        desc:\r\n          \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section E\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              REPORT\r\n              <br />\r\n              신고\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">REPORT 신고</p>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고하기</div>\r\n            {this.write_text(0)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고방법</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">대응방식</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">--------------------------------</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">\r\n              <br />\r\n              COC 위반이 접수된 이후 - 재발 방지를 위하여\r\n            </div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Container extends Component {\r\n  render() {\r\n    return (\r\n      <section className=\"container\">\r\n        <SectionA></SectionA>\r\n        <SectionB></SectionB>\r\n        <SectionC></SectionC>\r\n        <SectionD></SectionD>\r\n        <Report></Report>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nclass Coc extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-body\">\r\n        <style>{\"body { background-color: #fdd2db; }\"}</style>\r\n        <Header></Header>\r\n        <Logo></Logo>\r\n        <Container></Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Coc;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ca45fcdb639eb44970c061d268b57d27.json b/node_modules/.cache/babel-loader/ca45fcdb639eb44970c061d268b57d27.json
new file mode 100644
index 00000000..6304b6d2
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ca45fcdb639eb44970c061d268b57d27.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\App.js\";\nimport React, { Component } from \"react\";\nimport Logo from \"./components/Header/Logo\";\nimport Menu from \"./components/Header/Menu\";\nimport Speaker from \"./components/Speaker/Speaker\";\nimport Main from \"./components/Main/Main\";\nimport Coc from \"./components/Coc/coc\";\nimport Program from \"./components/Program/Program\";\nimport Archieve from \"./components/Archieve/Archieve\";\nimport Concept from \"./components/Concept/Concept\";\nimport Partners from \"./components/Partners/Partners\";\nimport Members from \"./components/Members/Members\";\nimport MobileMenu from \"./components/Header/mobileMenu\";\nimport \"./App.css\";\nimport \"./font/font.css\";\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      mode: \"main\",\n      clicked: \"clicked\"\n    };\n  }\n\n  render() {\n    // console.log('App render');\n    var _article = null;\n\n    if (this.state.mode === \"main\") {\n      _article = /*#__PURE__*/React.createElement(Main, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"speaker\") {\n      _article = /*#__PURE__*/React.createElement(Speaker, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 32,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"coc\") {\n      _article = /*#__PURE__*/React.createElement(Coc, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 34,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"program\") {\n      _article = /*#__PURE__*/React.createElement(Program, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 36,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"archieve\") {\n      _article = /*#__PURE__*/React.createElement(Archieve, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"concept\") {\n      _article = /*#__PURE__*/React.createElement(Concept, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 40,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"partners\") {\n      _article = /*#__PURE__*/React.createElement(Partners, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 18\n        }\n      });\n    } else if (this.state.mode === \"members\") {\n      _article = /*#__PURE__*/React.createElement(Members, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 18\n        }\n      });\n    }\n\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"App\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"header\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(Logo, {\n      onChangeMode: function (_mode) {\n        this.setState({\n          mode: _mode\n        });\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 50,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/React.createElement(Menu, {\n      onChangeMode: function (_mode) {\n        this.setState({\n          mode: _mode\n        });\n      }.bind(this),\n      clicked: this.state.clicked,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 11\n      }\n    }), /*#__PURE__*/React.createElement(MobileMenu, {\n      onChangeMode: function (_mode) {\n        this.setState({\n          mode: _mode\n        });\n      }.bind(this),\n      clicked: this.state.clicked,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 11\n      }\n    })), _article);\n  }\n\n}\n\nexport default App;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/App.js"],"names":["React","Component","Logo","Menu","Speaker","Main","Coc","Program","Archieve","Concept","Partners","Members","MobileMenu","App","constructor","props","state","mode","clicked","render","_article","_mode","setState","bind"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport Logo from \"./components/Header/Logo\";\r\nimport Menu from \"./components/Header/Menu\";\r\nimport Speaker from \"./components/Speaker/Speaker\";\r\nimport Main from \"./components/Main/Main\";\r\nimport Coc from \"./components/Coc/coc\";\r\nimport Program from \"./components/Program/Program\";\r\nimport Archieve from \"./components/Archieve/Archieve\";\r\nimport Concept from \"./components/Concept/Concept\";\r\nimport Partners from \"./components/Partners/Partners\";\r\nimport Members from \"./components/Members/Members\";\r\nimport MobileMenu from \"./components/Header/mobileMenu\";\r\nimport \"./App.css\";\r\nimport \"./font/font.css\";\r\n\r\nclass App extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mode: \"main\",\r\n      clicked: \"clicked\",\r\n    };\r\n  }\r\n\r\n  render() {\r\n    // console.log('App render');\r\n    var _article = null;\r\n\r\n    if (this.state.mode === \"main\") {\r\n      _article = <Main></Main>;\r\n    } else if (this.state.mode === \"speaker\") {\r\n      _article = <Speaker></Speaker>;\r\n    } else if (this.state.mode === \"coc\") {\r\n      _article = <Coc></Coc>;\r\n    } else if (this.state.mode === \"program\") {\r\n      _article = <Program></Program>;\r\n    } else if (this.state.mode === \"archieve\") {\r\n      _article = <Archieve></Archieve>;\r\n    } else if (this.state.mode === \"concept\") {\r\n      _article = <Concept></Concept>;\r\n    } else if (this.state.mode === \"partners\") {\r\n      _article = <Partners></Partners>;\r\n    } else if (this.state.mode === \"members\") {\r\n      _article = <Members></Members>;\r\n    }\r\n\r\n    return (\r\n      <div className=\"App\">\r\n        <header>\r\n          <Logo\r\n            onChangeMode={function (_mode) {\r\n              this.setState({\r\n                mode: _mode,\r\n              });\r\n            }.bind(this)}\r\n          ></Logo>\r\n\r\n          <Menu\r\n            onChangeMode={function (_mode) {\r\n              this.setState({\r\n                mode: _mode,\r\n              });\r\n            }.bind(this)}\r\n            clicked={this.state.clicked}\r\n          ></Menu>\r\n\r\n          <MobileMenu\r\n            onChangeMode={function (_mode) {\r\n              this.setState({\r\n                mode: _mode,\r\n              });\r\n            }.bind(this)}\r\n            clicked={this.state.clicked}\r\n          ></MobileMenu>\r\n        </header>\r\n\r\n        {_article}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d92135363cbabea4d9944124c7a13203.json b/node_modules/.cache/babel-loader/d92135363cbabea4d9944124c7a13203.json
new file mode 100644
index 00000000..52ecc293
--- /dev/null
+++ b/node_modules/.cache/babel-loader/d92135363cbabea4d9944124c7a13203.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Coc\\\\coc.js\";\nimport React, { Component } from \"react\";\nimport \"./coc.css\";\nimport logo from \"../../img/Coc/Coc_img.png\";\n\nclass Header extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 8,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 13\n      }\n    }, \"Code \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 20\n      }\n    }), \"of Conduct\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-lower\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C \\uB180\\uC790\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 15\n      }\n    }), \"\\uB2E4\\uC74C\\uC758 \\uAC00\\uCE58\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 15\n      }\n    }), \"\\uC911\\uC694\\uD558\\uAC8C \\uC0DD\\uAC01\\uD569\\uB2C8\\uB2E4.\"))));\n  }\n\n}\n\nclass Logo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: logo,\n      alt: \"Logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass SectionA extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\"\n      }, {\n        id: \"highlight\",\n        desc: \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section A\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 11\n      }\n    }, this.write_text(2))));\n  }\n\n}\n\nclass SectionB extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.'\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\"\n      }, {\n        id: \"list\",\n        desc: \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\"\n      }, {\n        id: \"bottom\",\n        desc: '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.'\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section B\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 13\n      }\n    }, \"COMPANION\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 15\n      }\n    }), \"\\uC5B4\\uC6B8\\uB9BC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 11\n      }\n    }, \"COMPANION \\uC5B4\\uC6B8\\uB9BC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 11\n      }\n    }, this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 11\n      }\n    }, this.write_text(3))));\n  }\n\n}\n\nclass SectionC extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\"\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\"\n      }, {\n        id: \"pmc\",\n        desc: \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\"\n      }, {\n        id: \"committer\",\n        desc: \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\"\n      }, {\n        id: \"user\",\n        desc: \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 193,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 204,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 205,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 206,\n        columnNumber: 13\n      }\n    }, \"OWNERSHIP\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 15\n      }\n    }), \"\\uCC38\\uC5EC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 11\n      }\n    }, \"OWNERSHIP \\uCC38\\uC5EC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 218,\n        columnNumber: 13\n      }\n    }, \"PMC(\\uC6B4\\uC601\\uC9C4/\\uC790\\uC6D0\\uBD09\\uC0AC\\uC790)\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 13\n      }\n    }, \"COMMITTER(\\uBC1C\\uD45C\\uC790/\\uD6C4\\uC6D0\\uC790)\"), this.write_text(3)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }, \"USER(\\uCC38\\uAC00\\uC790)\"), this.write_text(4))));\n  }\n\n}\n\nclass SectionD extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n'\n      }, {\n        id: \"knowlege\",\n        desc: \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\"\n      }, {\n        id: \"networking\",\n        desc: \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\"\n      }, {\n        id: \"play\",\n        desc: \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section D\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 277,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279,\n        columnNumber: 13\n      }\n    }, \"CHEERS!\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 281,\n        columnNumber: 15\n      }\n    }), \"\\uC990\\uAC70\\uC6C0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 286,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 11\n      }\n    }, \"CHEERS! \\uC990\\uAC70\\uC6C0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 288,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 13\n      }\n    }, \"\\uC9C0\\uC801 \\uC990\\uAC70\\uC6C0\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 293,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, \"\\uB124\\uD2B8\\uC6CC\\uD0B9\\uC758 \\uC990\\uAC70\\uC6C0\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 13\n      }\n    }, \"\\uB178\\uB294 \\uC990\\uAC70\\uC6C0\"), this.write_text(3))));\n  }\n\n}\n\nclass Report extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"신고하기\",\n        desc: \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\"\n      }, {\n        id: \"신고방법\",\n        desc: \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\"\n      }, {\n        id: \"대응방식\",\n        desc: \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\"\n      }, {\n        id: \"재발 방지를 위하여\",\n        desc: \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 340,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section E\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 348,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 13\n      }\n    }, \"REPORT\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353,\n        columnNumber: 15\n      }\n    }), \"\\uC2E0\\uACE0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 359,\n        columnNumber: 11\n      }\n    }, \"REPORT \\uC2E0\\uACE0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uD558\\uAE30\"), this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 365,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uBC29\\uBC95\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 369,\n        columnNumber: 13\n      }\n    }, \"\\uB300\\uC751\\uBC29\\uC2DD\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 372,\n        columnNumber: 11\n      }\n    }, \"-------------------------\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 373,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 375,\n        columnNumber: 15\n      }\n    }), \"COC \\uC704\\uBC18\\uC774 \\uC811\\uC218\\uB41C \\uC774\\uD6C4 - \\uC7AC\\uBC1C \\uBC29\\uC9C0\\uB97C \\uC704\\uD558\\uC5EC\"), this.write_text(3))));\n  }\n\n}\n\nclass Container extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"section\", {\n      className: \"container\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 389,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(SectionA, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionB, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 391,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionC, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionD, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 393,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Report, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Coc extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #fdd2db; }\"), /*#__PURE__*/React.createElement(Header, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 405,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Logo, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 406,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Container, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Coc;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Coc/coc.js"],"names":["React","Component","logo","Header","render","Logo","SectionA","state","contents","id","desc","write_text","i","split","map","item","idx","SectionB","SectionC","SectionD","Report","Container","Coc"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./coc.css\";\r\nimport logo from \"../../img/Coc/Coc_img.png\";\r\n\r\nclass Header extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-header\">\r\n        <div className=\"Word-title\">\r\n          <p>\r\n            <strong>\r\n              Code <br />\r\n              of Conduct\r\n            </strong>\r\n            <br />\r\n            <div className=\"coc-lower\">\r\n              데이터야 놀자는\r\n              <br />\r\n              다음의 가치를\r\n              <br />\r\n              중요하게 생각합니다.\r\n            </div>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Logo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"logo\">\r\n        <img src={logo} alt=\"Logo\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nclass SectionA extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section A\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\"></div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionB extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.',\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\",\r\n      },\r\n      {\r\n        id: \"list\",\r\n        desc:\r\n          \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\",\r\n      },\r\n      {\r\n        id: \"bottom\",\r\n        desc:\r\n          '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.',\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section B\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              COMPANION\r\n              <br />\r\n              어울림\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">COMPANION 어울림</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n          <div className=\"coc\">{this.write_text(3)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionC extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\",\r\n      },\r\n      {\r\n        id: \"pmc\",\r\n        desc:\r\n          \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"committer\",\r\n        desc:\r\n          \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"user\",\r\n        desc:\r\n          \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section C\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              OWNERSHIP\r\n              <br />\r\n              참여\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">OWNERSHIP 참여</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">PMC(운영진/자원봉사자)</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">COMMITTER(발표자/후원자)</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">USER(참가자)</div>\r\n            {this.write_text(4)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionD extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n',\r\n      },\r\n      {\r\n        id: \"knowlege\",\r\n        desc:\r\n          \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"networking\",\r\n        desc:\r\n          \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"play\",\r\n        desc:\r\n          \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section D\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              CHEERS!\r\n              <br />\r\n              즐거움\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">CHEERS! 즐거움</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">지적 즐거움</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">네트워킹의 즐거움</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">노는 즐거움</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Report extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"신고하기\",\r\n        desc:\r\n          \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"신고방법\",\r\n        desc:\r\n          \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"대응방식\",\r\n        desc:\r\n          \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\",\r\n      },\r\n      {\r\n        id: \"재발 방지를 위하여\",\r\n        desc:\r\n          \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section E\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              REPORT\r\n              <br />\r\n              신고\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">REPORT 신고</p>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고하기</div>\r\n            {this.write_text(0)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고방법</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">대응방식</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">-------------------------</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">\r\n              <br />\r\n              COC 위반이 접수된 이후 - 재발 방지를 위하여\r\n            </div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Container extends Component {\r\n  render() {\r\n    return (\r\n      <section className=\"container\">\r\n        <SectionA></SectionA>\r\n        <SectionB></SectionB>\r\n        <SectionC></SectionC>\r\n        <SectionD></SectionD>\r\n        <Report></Report>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nclass Coc extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-body\">\r\n        <style>{\"body { background-color: #fdd2db; }\"}</style>\r\n        <Header></Header>\r\n        <Logo></Logo>\r\n        <Container></Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Coc;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/dffc865efdb2f83bbeeb7e4be641da43.json b/node_modules/.cache/babel-loader/dffc865efdb2f83bbeeb7e4be641da43.json
new file mode 100644
index 00000000..f870340c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/dffc865efdb2f83bbeeb7e4be641da43.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Coc\\\\coc.js\";\nimport React, { Component } from \"react\";\nimport \"./coc.css\";\nimport logo from \"../../img/Coc/Coc_img.png\";\n\nclass Header extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 8,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 13\n      }\n    }, \"Code \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 20\n      }\n    }), \"of Conduct\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-lower\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C \\uB180\\uC790\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 15\n      }\n    }), \"\\uB2E4\\uC74C\\uC758 \\uAC00\\uCE58\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 15\n      }\n    }), \"\\uC911\\uC694\\uD558\\uAC8C \\uC0DD\\uAC01\\uD569\\uB2C8\\uB2E4.\"))));\n  }\n\n}\n\nclass Logo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: logo,\n      alt: \"Logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass SectionA extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\"\n      }, {\n        id: \"highlight\",\n        desc: \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section A\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 11\n      }\n    }, this.write_text(2))));\n  }\n\n}\n\nclass SectionB extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.'\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\"\n      }, {\n        id: \"list\",\n        desc: \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\"\n      }, {\n        id: \"bottom\",\n        desc: '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.'\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section B\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 13\n      }\n    }, \"COMPANION\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 15\n      }\n    }), \"\\uC5B4\\uC6B8\\uB9BC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 11\n      }\n    }, \"COMPANION \\uC5B4\\uC6B8\\uB9BC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 11\n      }\n    }, this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 11\n      }\n    }, this.write_text(3))));\n  }\n\n}\n\nclass SectionC extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\"\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\"\n      }, {\n        id: \"pmc\",\n        desc: \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\"\n      }, {\n        id: \"committer\",\n        desc: \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\"\n      }, {\n        id: \"user\",\n        desc: \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 193,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 204,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 205,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 206,\n        columnNumber: 13\n      }\n    }, \"OWNERSHIP\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 15\n      }\n    }), \"\\uCC38\\uC5EC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 11\n      }\n    }, \"OWNERSHIP \\uCC38\\uC5EC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 218,\n        columnNumber: 13\n      }\n    }, \"PMC(\\uC6B4\\uC601\\uC9C4/\\uC790\\uC6D0\\uBD09\\uC0AC\\uC790)\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 13\n      }\n    }, \"COMMITTER(\\uBC1C\\uD45C\\uC790/\\uD6C4\\uC6D0\\uC790)\"), this.write_text(3)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }, \"USER(\\uCC38\\uAC00\\uC790)\"), this.write_text(4))));\n  }\n\n}\n\nclass SectionD extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n'\n      }, {\n        id: \"knowlege\",\n        desc: \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\"\n      }, {\n        id: \"networking\",\n        desc: \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\"\n      }, {\n        id: \"play\",\n        desc: \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section D\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 277,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279,\n        columnNumber: 13\n      }\n    }, \"CHEERS!\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 281,\n        columnNumber: 15\n      }\n    }), \"\\uC990\\uAC70\\uC6C0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 286,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 11\n      }\n    }, \"CHEERS! \\uC990\\uAC70\\uC6C0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 288,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 13\n      }\n    }, \"\\uC9C0\\uC801 \\uC990\\uAC70\\uC6C0\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 293,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, \"\\uB124\\uD2B8\\uC6CC\\uD0B9\\uC758 \\uC990\\uAC70\\uC6C0\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 13\n      }\n    }, \"\\uB178\\uB294 \\uC990\\uAC70\\uC6C0\"), this.write_text(3))));\n  }\n\n}\n\nclass Report extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"신고하기\",\n        desc: \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\"\n      }, {\n        id: \"신고방법\",\n        desc: \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\"\n      }, {\n        id: \"대응방식\",\n        desc: \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\"\n      }, {\n        id: \"재발 방지를 위하여\",\n        desc: \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 340,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section E\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 348,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 13\n      }\n    }, \"REPORT\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353,\n        columnNumber: 15\n      }\n    }), \"\\uC2E0\\uACE0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 359,\n        columnNumber: 11\n      }\n    }, \"REPORT \\uC2E0\\uACE0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uD558\\uAE30\"), this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 365,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uBC29\\uBC95\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 369,\n        columnNumber: 13\n      }\n    }, \"\\uB300\\uC751\\uBC29\\uC2DD\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 372,\n        columnNumber: 11\n      }\n    }, \"-------------------------------------\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 373,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 375,\n        columnNumber: 15\n      }\n    }), \"COC \\uC704\\uBC18\\uC774 \\uC811\\uC218\\uB41C \\uC774\\uD6C4 - \\uC7AC\\uBC1C \\uBC29\\uC9C0\\uB97C \\uC704\\uD558\\uC5EC\"), this.write_text(3))));\n  }\n\n}\n\nclass Container extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"section\", {\n      className: \"container\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 389,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(SectionA, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionB, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 391,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionC, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionD, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 393,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Report, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Coc extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #fdd2db; }\"), /*#__PURE__*/React.createElement(Header, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 405,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Logo, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 406,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Container, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Coc;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Coc/coc.js"],"names":["React","Component","logo","Header","render","Logo","SectionA","state","contents","id","desc","write_text","i","split","map","item","idx","SectionB","SectionC","SectionD","Report","Container","Coc"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./coc.css\";\r\nimport logo from \"../../img/Coc/Coc_img.png\";\r\n\r\nclass Header extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-header\">\r\n        <div className=\"Word-title\">\r\n          <p>\r\n            <strong>\r\n              Code <br />\r\n              of Conduct\r\n            </strong>\r\n            <br />\r\n            <div className=\"coc-lower\">\r\n              데이터야 놀자는\r\n              <br />\r\n              다음의 가치를\r\n              <br />\r\n              중요하게 생각합니다.\r\n            </div>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Logo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"logo\">\r\n        <img src={logo} alt=\"Logo\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nclass SectionA extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section A\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\"></div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionB extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.',\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\",\r\n      },\r\n      {\r\n        id: \"list\",\r\n        desc:\r\n          \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\",\r\n      },\r\n      {\r\n        id: \"bottom\",\r\n        desc:\r\n          '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.',\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section B\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              COMPANION\r\n              <br />\r\n              어울림\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">COMPANION 어울림</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n          <div className=\"coc\">{this.write_text(3)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionC extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\",\r\n      },\r\n      {\r\n        id: \"pmc\",\r\n        desc:\r\n          \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"committer\",\r\n        desc:\r\n          \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"user\",\r\n        desc:\r\n          \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section C\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              OWNERSHIP\r\n              <br />\r\n              참여\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">OWNERSHIP 참여</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">PMC(운영진/자원봉사자)</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">COMMITTER(발표자/후원자)</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">USER(참가자)</div>\r\n            {this.write_text(4)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionD extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n',\r\n      },\r\n      {\r\n        id: \"knowlege\",\r\n        desc:\r\n          \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"networking\",\r\n        desc:\r\n          \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"play\",\r\n        desc:\r\n          \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section D\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              CHEERS!\r\n              <br />\r\n              즐거움\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">CHEERS! 즐거움</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">지적 즐거움</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">네트워킹의 즐거움</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">노는 즐거움</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Report extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"신고하기\",\r\n        desc:\r\n          \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"신고방법\",\r\n        desc:\r\n          \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"대응방식\",\r\n        desc:\r\n          \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\",\r\n      },\r\n      {\r\n        id: \"재발 방지를 위하여\",\r\n        desc:\r\n          \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section E\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              REPORT\r\n              <br />\r\n              신고\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">REPORT 신고</p>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고하기</div>\r\n            {this.write_text(0)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고방법</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">대응방식</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">-------------------------------------</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">\r\n              <br />\r\n              COC 위반이 접수된 이후 - 재발 방지를 위하여\r\n            </div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Container extends Component {\r\n  render() {\r\n    return (\r\n      <section className=\"container\">\r\n        <SectionA></SectionA>\r\n        <SectionB></SectionB>\r\n        <SectionC></SectionC>\r\n        <SectionD></SectionD>\r\n        <Report></Report>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nclass Coc extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-body\">\r\n        <style>{\"body { background-color: #fdd2db; }\"}</style>\r\n        <Header></Header>\r\n        <Logo></Logo>\r\n        <Container></Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Coc;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e371a3848e5211a62bb8e3152fdc32c7.json b/node_modules/.cache/babel-loader/e371a3848e5211a62bb8e3152fdc32c7.json
new file mode 100644
index 00000000..3063aa7b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/e371a3848e5211a62bb8e3152fdc32c7.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Main\\\\Main.js\";\nimport React, { Component } from \"react\";\nimport \"./Main.css\";\nimport mainLogo from \"../../img/Main/title_04.png\";\nimport mainDate from \"../../img/Main/date.png\";\nimport mainDate_m from \"../../img/Main/mainDate_m.png\";\nimport logoImg from \"../../img/Main/back_04.png\";\nimport logoImg_m from \"../../img/Main/back_m.png\";\nimport states from \"./aboutus.json\";\n\nclass Mainlogo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"main-left\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 13,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      className: \"mainLogo\",\n      src: mainLogo,\n      alt: \"\\uC6F0\\uCEF4\\uD22C \\uB370\\uB180\\uB79C\\uB4DC\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      className: \"mainDate\",\n      src: mainDate,\n      alt: \"2020\\uB144 10\\uC6D4 17\\uC77C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      className: \"mainDate_m\",\n      src: mainDate_m,\n      alt: \"\\uBAA8\\uBC14\\uC77C2020\\uB144 10\\uC6D4 17\\uC77C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 21,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      className: \"logoImg\",\n      src: logoImg,\n      alt: \"\\uC6F9\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"img\", {\n      className: \"logoImg_m\",\n      src: logoImg_m,\n      alt: \"\\uBAA8\\uBC14\\uC77C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Aboutus extends Component {\n  constructor(...args) {\n    super(...args);\n    this.titleState = states.title;\n    this.msgState = states.msg;\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"main\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"section\", {\n      className: \"main-right\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"section\", {\n      className: \"title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 37,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 38,\n        columnNumber: 13\n      }\n    }, \"SINCE 2016\"), /*#__PURE__*/React.createElement(\"h1\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 13\n      }\n    }, this.titleState.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 19\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 21\n        }\n      }));\n    }))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"dots\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 11\n      }\n    }, \"........................................\"), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"aboutUs\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 13\n      }\n    }, this.msgState.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 19\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 21\n        }\n      }));\n    }))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"contact\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"h5\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"mailto:datayanolja.master@gmail.com\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70,\n        columnNumber: 15\n      }\n    }, \"CONTACT | datayanolja.master@gmail.com\", \" \")))));\n  }\n\n}\n\nclass Main extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"main-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #6BEEFF; }\"), /*#__PURE__*/React.createElement(Mainlogo, {\n      title: \"\\uB370\\uC774\\uD130\\uC57C\\uB180\\uC790 2020\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Aboutus, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Main;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Main/Main.js"],"names":["React","Component","mainLogo","mainDate","mainDate_m","logoImg","logoImg_m","states","Mainlogo","render","Aboutus","titleState","title","msgState","msg","split","map","item","idx","Main"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport mainLogo from \"../../img/Main/title_04.png\";\r\nimport mainDate from \"../../img/Main/date.png\";\r\nimport mainDate_m from \"../../img/Main/mainDate_m.png\";\r\nimport logoImg from \"../../img/Main/back_04.png\";\r\nimport logoImg_m from \"../../img/Main/back_m.png\";\r\nimport states from \"./aboutus.json\";\r\n\r\nclass Mainlogo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"main-left\">\r\n        <img className=\"mainLogo\" src={mainLogo} alt=\"웰컴투 데놀랜드\" />\r\n        <img className=\"mainDate\" src={mainDate} alt=\"2020년 10월 17일\" />\r\n        <img\r\n          className=\"mainDate_m\"\r\n          src={mainDate_m}\r\n          alt=\"모바일2020년 10월 17일\"\r\n        />\r\n        <br />\r\n        <img className=\"logoImg\" src={logoImg} alt=\"웹\" />\r\n        <img className=\"logoImg_m\" src={logoImg_m} alt=\"모바일\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Aboutus extends Component {\r\n  titleState = states.title;\r\n  msgState = states.msg;\r\n\r\n  render() {\r\n    return (\r\n      <main>\r\n        <section className=\"main-right\">\r\n          <section className=\"title\">\r\n            <h5>SINCE 2016</h5>\r\n            <h1>\r\n              {this.titleState.split(\"\\n\").map(function (item, idx) {\r\n                return (\r\n                  <span key={idx}>\r\n                    {item}\r\n                    <br />\r\n                  </span>\r\n                );\r\n              })}\r\n            </h1>\r\n          </section>\r\n\r\n          <section className=\"dots\">\r\n            ........................................\r\n          </section>\r\n\r\n          <section className=\"aboutUs\">\r\n            <h5>\r\n              {this.msgState.split(\"\\n\").map(function (item, idx) {\r\n                return (\r\n                  <span key={idx}>\r\n                    {item}\r\n                    <br />\r\n                  </span>\r\n                );\r\n              })}\r\n            </h5>\r\n          </section>\r\n\r\n          <section className=\"contact\">\r\n            <h5>\r\n              <a href=\"mailto:datayanolja.master@gmail.com\">\r\n                CONTACT | datayanolja.master@gmail.com{\" \"}\r\n              </a>\r\n            </h5>\r\n          </section>\r\n        </section>\r\n      </main>\r\n    );\r\n  }\r\n}\r\n\r\nclass Main extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"main-body\">\r\n        <style>{\"body { background-color: #6BEEFF; }\"}</style>\r\n        <Mainlogo title=\"데이터야놀자 2020\"></Mainlogo>\r\n        <Aboutus></Aboutus>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Main;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e5f2ad4e5ace7a876b7c4791dbe99f35.json b/node_modules/.cache/babel-loader/e5f2ad4e5ace7a876b7c4791dbe99f35.json
new file mode 100644
index 00000000..c6845b97
--- /dev/null
+++ b/node_modules/.cache/babel-loader/e5f2ad4e5ace7a876b7c4791dbe99f35.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Header\\\\mobileMenu.js\";\nimport React, { Component } from \"react\";\nimport $ from \"jquery\";\nimport \"../Header/mobileMenu.css\";\nimport menuBtn from \"../../img/Header/ham.svg\";\nimport closeBtn from \"../../img/Header/\\uB2EB\\uAE30.svg\";\n\nclass MobileMenu extends Component {\n  componentDidMount() {\n    var info_click_num = 0;\n    var denol_click_num = 0;\n    var news_click_num = 0;\n    $(document).ready(function () {\n      $(\".menu_btn>a\").on(\"click\", function () {\n        $(\".menu_bg\").show();\n        $(\".sidebar_menu\").animate({\n          right: 0\n        });\n      });\n      $(\".close_btn>a\").on(\"click\", function () {\n        $(\".menu_bg\").hide();\n        $(\".sidebar_menu\").animate({\n          right: \"-\" + 50 + \"%\"\n        });\n      });\n      $(\".menu-info>a\").on(\"click\", function () {\n        if (info_click_num % 2 === 0) $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"none\");\n        info_click_num++;\n      });\n      $(\".menu-2020>a\").on(\"click\", function () {\n        if (denol_click_num % 2 === 0) $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"none\");\n        denol_click_num++;\n      });\n      $(\".menu-news>a\").on(\"click\", function () {\n        if (news_click_num % 2 === 0) $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"block\");else $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"none\");\n        news_click_num++;\n      });\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: menuBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 15\n      }\n    })))), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"menu_bg\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"sidebar_menu\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 67,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"close_btn\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: closeBtn,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 15\n      }\n    }))), /*#__PURE__*/React.createElement(\"ul\", {\n      className: \"menu_wrap\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-info\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC18C\\uAC1C\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-info-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"speaker\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 21\n      }\n    }, \"\\uB370\\uB180 \\uC990\\uAE30\\uAE30\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"partners\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 21\n      }\n    }, \"\\uD568\\uAED8\\uD558\\uB294 \\uD30C\\uD2B8\\uB108\\uC2A4\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-2020\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 119,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"concept\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 120,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC 2020\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-2020-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 130,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 131,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 132,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"program\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 133,\n        columnNumber: 21\n      }\n    }, \"\\uD504\\uB85C\\uADF8\\uB7A8\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"coc\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC774\\uC6A9\\uADDC\\uCE59\")), /*#__PURE__*/React.createElement(\"li\", {\n      className: \"menu-news\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 159,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"/\",\n      onClick: function (e) {\n        e.preventDefault();\n        this.props.onChangeMode(\"main\");\n      }.bind(this),\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 160,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uB274\\uC2A4\\uB808\\uD130\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"mobile-menu-news-clicked\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 170,\n        columnNumber: 15\n      }\n    }, /*#__PURE__*/React.createElement(\"ul\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 171,\n        columnNumber: 17\n      }\n    }, /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 172,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/MWQ2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 173,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 1\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 175,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/ILT2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 176,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 2\\uD68C\\uCC28\")), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 178,\n        columnNumber: 19\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://stib.ee/BOU2\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 179,\n        columnNumber: 21\n      }\n    }, \"\\uB274\\uC2A4\\uB808\\uD130 3\\uD68C\\uCC28\"))))), /*#__PURE__*/React.createElement(\"li\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 185,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"a\", {\n      href: \"https://event-us.kr/datayanolja2020/event/23268\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 15\n      }\n    }, \"\\uB370\\uB180\\uB79C\\uB4DC \\uC785\\uC7A5\\uAD8C\")))));\n  }\n\n}\n\nexport default MobileMenu;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Header/mobileMenu.js"],"names":["React","Component","$","MobileMenu","componentDidMount","info_click_num","denol_click_num","news_click_num","document","ready","on","show","animate","right","hide","css","render","e","preventDefault","bind","menuBtn","closeBtn","props","onChangeMode"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport \"../Header/mobileMenu.css\";\r\nimport menuBtn from \"../../img/Header/ham.svg\";\r\nimport closeBtn from \"../../img/Header/닫기.svg\";\r\n\r\nclass MobileMenu extends Component {\r\n  componentDidMount() {\r\n    var info_click_num = 0;\r\n    var denol_click_num = 0;\r\n    var news_click_num = 0;\r\n    $(document).ready(function () {\r\n      $(\".menu_btn>a\").on(\"click\", function () {\r\n        $(\".menu_bg\").show();\r\n        $(\".sidebar_menu\").animate({\r\n          right: 0,\r\n        });\r\n      });\r\n      $(\".close_btn>a\").on(\"click\", function () {\r\n        $(\".menu_bg\").hide();\r\n        $(\".sidebar_menu\").animate({\r\n          right: \"-\" + 50 + \"%\",\r\n        });\r\n      });\r\n\r\n      $(\".menu-info>a\").on(\"click\", function () {\r\n        if (info_click_num % 2 === 0)\r\n          $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-info-clicked>ul\").css(\"display\", \"none\");\r\n        info_click_num++;\r\n      });\r\n\r\n      $(\".menu-2020>a\").on(\"click\", function () {\r\n        if (denol_click_num % 2 === 0)\r\n          $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-2020-clicked>ul\").css(\"display\", \"none\");\r\n        denol_click_num++;\r\n      });\r\n\r\n      $(\".menu-news>a\").on(\"click\", function () {\r\n        if (news_click_num % 2 === 0)\r\n          $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"block\");\r\n        else $(\".mobile-menu-news-clicked>ul\").css(\"display\", \"none\");\r\n        news_click_num++;\r\n      });\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"mobile-menu\">\r\n        <div className=\"menu-header\">\r\n          <div className=\"menu_btn\">\r\n            <a\r\n              href=\"/\"\r\n              onClick={function (e) {\r\n                e.preventDefault();\r\n              }.bind(this)}\r\n            >\r\n              <img src={menuBtn} />\r\n            </a>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"menu_bg\"></div>\r\n\r\n        <div className=\"sidebar_menu\">\r\n          <div className=\"close_btn\">\r\n            <a\r\n              href=\"/\"\r\n              onClick={function (e) {\r\n                e.preventDefault();\r\n              }.bind(this)}\r\n            >\r\n              <img src={closeBtn} />\r\n            </a>\r\n          </div>\r\n\r\n          <ul className=\"menu_wrap\">\r\n            <li className=\"menu-info\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"main\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 소개\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-info-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"speaker\");\r\n                      }.bind(this)}\r\n                    >\r\n                      데놀 즐기기\r\n                    </a>\r\n                  </li>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"partners\");\r\n                      }.bind(this)}\r\n                    >\r\n                      함께하는 파트너스\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li className=\"menu-2020\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"concept\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 2020\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-2020-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a\r\n                      href=\"/\"\r\n                      onClick={function (e) {\r\n                        e.preventDefault();\r\n                        this.props.onChangeMode(\"program\");\r\n                      }.bind(this)}\r\n                    >\r\n                      프로그램\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li>\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"coc\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 이용규칙\r\n              </a>\r\n            </li>\r\n\r\n            <li className=\"menu-news\">\r\n              <a\r\n                href=\"/\"\r\n                onClick={function (e) {\r\n                  e.preventDefault();\r\n                  this.props.onChangeMode(\"main\");\r\n                }.bind(this)}\r\n              >\r\n                데놀랜드 뉴스레터\r\n              </a>\r\n\r\n              <div className=\"mobile-menu-news-clicked\">\r\n                <ul>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/MWQ2\">뉴스레터 1회차</a>\r\n                  </li>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/ILT2\">뉴스레터 2회차</a>\r\n                  </li>\r\n                  <li>\r\n                    <a href=\"https://stib.ee/BOU2\">뉴스레터 3회차</a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n\r\n            <li>\r\n              <a href=\"https://event-us.kr/datayanolja2020/event/23268\">\r\n                데놀랜드 입장권\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default MobileMenu;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/edefb51d2dec8db959b44f6e710adcc9.json b/node_modules/.cache/babel-loader/edefb51d2dec8db959b44f6e710adcc9.json
new file mode 100644
index 00000000..223e1fdf
--- /dev/null
+++ b/node_modules/.cache/babel-loader/edefb51d2dec8db959b44f6e710adcc9.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\sorye\\\\soryeongk\\\\working_space\\\\test-datayanolja.github.io\\\\src\\\\components\\\\Coc\\\\coc.js\";\nimport React, { Component } from \"react\";\nimport \"./coc.css\";\nimport logo from \"../../img/Coc/Coc_img.png\";\n\nclass Header extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-header\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 8,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"Word-title\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 9,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"strong\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 13\n      }\n    }, \"Code \", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 20\n      }\n    }), \"of Conduct\"), /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-lower\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 13\n      }\n    }, \"\\uB370\\uC774\\uD130\\uC57C \\uB180\\uC790\\uB294\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 15\n      }\n    }), \"\\uB2E4\\uC74C\\uC758 \\uAC00\\uCE58\\uB97C\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 15\n      }\n    }), \"\\uC911\\uC694\\uD558\\uAC8C \\uC0DD\\uAC01\\uD569\\uB2C8\\uB2E4.\"))));\n  }\n\n}\n\nclass Logo extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      src: logo,\n      alt: \"Logo\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass SectionA extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\"\n      }, {\n        id: \"highlight\",\n        desc: \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section A\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 75,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 77,\n        columnNumber: 11\n      }\n    })), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 79,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 80,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 81,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 11\n      }\n    }, this.write_text(2))));\n  }\n\n}\n\nclass SectionB extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.'\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\"\n      }, {\n        id: \"middle\",\n        desc: \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\"\n      }, {\n        id: \"list\",\n        desc: \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\"\n      }, {\n        id: \"bottom\",\n        desc: '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.'\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 125,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 127,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section B\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 138,\n        columnNumber: 13\n      }\n    }, \"COMPANION\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 140,\n        columnNumber: 15\n      }\n    }), \"\\uC5B4\\uC6B8\\uB9BC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 145,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 11\n      }\n    }, \"COMPANION \\uC5B4\\uC6B8\\uB9BC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 149,\n        columnNumber: 11\n      }\n    }, this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 150,\n        columnNumber: 11\n      }\n    }, this.write_text(3))));\n  }\n\n}\n\nclass SectionC extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\"\n      }, {\n        id: \"highlight\",\n        desc: \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\"\n      }, {\n        id: \"pmc\",\n        desc: \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\"\n      }, {\n        id: \"committer\",\n        desc: \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\"\n      }, {\n        id: \"user\",\n        desc: \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 193,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 195,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section C\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 204,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 205,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 206,\n        columnNumber: 13\n      }\n    }, \"OWNERSHIP\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 208,\n        columnNumber: 15\n      }\n    }), \"\\uCC38\\uC5EC\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 213,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 214,\n        columnNumber: 11\n      }\n    }, \"OWNERSHIP \\uCC38\\uC5EC\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 215,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 216,\n        columnNumber: 11\n      }\n    }, this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 217,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 218,\n        columnNumber: 13\n      }\n    }, \"PMC(\\uC6B4\\uC601\\uC9C4/\\uC790\\uC6D0\\uBD09\\uC0AC\\uC790)\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 221,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 222,\n        columnNumber: 13\n      }\n    }, \"COMMITTER(\\uBC1C\\uD45C\\uC790/\\uD6C4\\uC6D0\\uC790)\"), this.write_text(3)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 225,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 226,\n        columnNumber: 13\n      }\n    }, \"USER(\\uCC38\\uAC00\\uC790)\"), this.write_text(4))));\n  }\n\n}\n\nclass SectionD extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"head\",\n        desc: '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n'\n      }, {\n        id: \"knowlege\",\n        desc: \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\"\n      }, {\n        id: \"networking\",\n        desc: \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\"\n      }, {\n        id: \"play\",\n        desc: \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 266,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 268,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section D\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 276,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 277,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 278,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 279,\n        columnNumber: 13\n      }\n    }, \"CHEERS!\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 281,\n        columnNumber: 15\n      }\n    }), \"\\uC990\\uAC70\\uC6C0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 286,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 287,\n        columnNumber: 11\n      }\n    }, \"CHEERS! \\uC990\\uAC70\\uC6C0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 288,\n        columnNumber: 11\n      }\n    }, this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 289,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 290,\n        columnNumber: 13\n      }\n    }, \"\\uC9C0\\uC801 \\uC990\\uAC70\\uC6C0\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 293,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 294,\n        columnNumber: 13\n      }\n    }, \"\\uB124\\uD2B8\\uC6CC\\uD0B9\\uC758 \\uC990\\uAC70\\uC6C0\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 297,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 298,\n        columnNumber: 13\n      }\n    }, \"\\uB178\\uB294 \\uC990\\uAC70\\uC6C0\"), this.write_text(3))));\n  }\n\n}\n\nclass Report extends Component {\n  constructor(...args) {\n    super(...args);\n    this.state = {\n      contents: [{\n        id: \"신고하기\",\n        desc: \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\"\n      }, {\n        id: \"신고방법\",\n        desc: \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\"\n      }, {\n        id: \"대응방식\",\n        desc: \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\"\n      }, {\n        id: \"재발 방지를 위하여\",\n        desc: \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\"\n      }]\n    };\n  }\n\n  write_text(i) {\n    const desc = this.state.contents[i].desc;\n    return desc.split(\"\\n\").map(function (item, idx) {\n      return /*#__PURE__*/React.createElement(\"span\", {\n        key: idx,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 338,\n          columnNumber: 9\n        }\n      }, item, /*#__PURE__*/React.createElement(\"br\", {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 340,\n          columnNumber: 11\n        }\n      }));\n    });\n  }\n\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"section E\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 348,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"dot\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 349,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      id: \"circle\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 350,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 351,\n        columnNumber: 13\n      }\n    }, \"REPORT\", /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 353,\n        columnNumber: 15\n      }\n    }), \"\\uC2E0\\uACE0\"))), /*#__PURE__*/React.createElement(\"section\", {\n      className: \"cocSection\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 358,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/React.createElement(\"p\", {\n      id: \"mobile_p\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 359,\n        columnNumber: 11\n      }\n    }, \"REPORT \\uC2E0\\uACE0\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 360,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 361,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uD558\\uAE30\"), this.write_text(0)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 364,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 365,\n        columnNumber: 13\n      }\n    }, \"\\uC2E0\\uACE0\\uBC29\\uBC95\"), this.write_text(1)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 368,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 369,\n        columnNumber: 13\n      }\n    }, \"\\uB300\\uC751\\uBC29\\uC2DD\"), this.write_text(2)), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 372,\n        columnNumber: 11\n      }\n    }, \"---------------------------------\"), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 373,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"bold\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 374,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"br\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 375,\n        columnNumber: 15\n      }\n    }), \"COC \\uC704\\uBC18\\uC774 \\uC811\\uC218\\uB41C \\uC774\\uD6C4 - \\uC7AC\\uBC1C \\uBC29\\uC9C0\\uB97C \\uC704\\uD558\\uC5EC\"), this.write_text(3))));\n  }\n\n}\n\nclass Container extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"section\", {\n      className: \"container\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 389,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(SectionA, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 390,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionB, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 391,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionC, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 392,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(SectionD, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 393,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Report, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 394,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nclass Coc extends Component {\n  render() {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: \"coc-body\",\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 403,\n        columnNumber: 7\n      }\n    }, /*#__PURE__*/React.createElement(\"style\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 404,\n        columnNumber: 9\n      }\n    }, \"body { background-color: #fdd2db; }\"), /*#__PURE__*/React.createElement(Header, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 405,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Logo, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 406,\n        columnNumber: 9\n      }\n    }), /*#__PURE__*/React.createElement(Container, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 407,\n        columnNumber: 9\n      }\n    }));\n  }\n\n}\n\nexport default Coc;","map":{"version":3,"sources":["C:/Users/sorye/soryeongk/working_space/test-datayanolja.github.io/src/components/Coc/coc.js"],"names":["React","Component","logo","Header","render","Logo","SectionA","state","contents","id","desc","write_text","i","split","map","item","idx","SectionB","SectionC","SectionD","Report","Container","Coc"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport \"./coc.css\";\r\nimport logo from \"../../img/Coc/Coc_img.png\";\r\n\r\nclass Header extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-header\">\r\n        <div className=\"Word-title\">\r\n          <p>\r\n            <strong>\r\n              Code <br />\r\n              of Conduct\r\n            </strong>\r\n            <br />\r\n            <div className=\"coc-lower\">\r\n              데이터야 놀자는\r\n              <br />\r\n              다음의 가치를\r\n              <br />\r\n              중요하게 생각합니다.\r\n            </div>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Logo extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"logo\">\r\n        <img src={logo} alt=\"Logo\" />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nclass SectionA extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 데이터를 사랑하는 모든 사람들의 축제로 오픈소스와 커뮤니티\\n정신을 바탕으로 하며, 구성원들 모두의 자발적 참여로 운영되는 행사입니다.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"행사의 행동강령(Code of Conduct)는 행사에 참여하는 모든 커뮤니티 구성원이 행사\\n내에서 준수해야 하는 행동 규칙이자 우리 모두의 약속입니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"또한 CoC는 데이터야놀자가 추구하는 가치에 대한 내용으로, 데이터야 놀자를 보다\\n재밌게 즐기기 위해서 아래의 내용을 꼭 읽어주세요\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section A\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\"></div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionB extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '어울림이 없는 축제를 축제라고 할 수 있을까요? 데이터야놀자의 참가자들은 각자의\\n배경이 다르더라도 \"데이터\"라는 공통된 관심사로 모인 사람들입니다.\\n데이터에 대한 관심으로 데이터야놀자에 모인 우리 모두는 동등한 데이터인입니다.\\n데이터야놀자는 데이터 앞에서 모두가 평등한 축제가 되기를 희망합니다.',\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자는 성별, 신체, 육체적 혹은 정신적 질병, 종교, 출신을 포함한 서로의 다름을\\n비난하거나 차별하는 행위를 허용하지 않습니다.\",\r\n      },\r\n      {\r\n        id: \"middle\",\r\n        desc:\r\n          \"데이터야놀자는 운영진, 발표자, 참가자 등 행사에 참여하는 모두가 안전하게 즐길 수\\n있기를 바라며 아래 행동을 철저하게 금지합니다.\\n본인의 의도와 상관없이 상대방이 불쾌하게 느끼는 모든 행동 또한 포함되며 동성 및\\n이성 간 모두에게 적용됩니다.\\n\",\r\n      },\r\n      {\r\n        id: \"list\",\r\n        desc:\r\n          \"- 남을 불편하게 하는 관심표현 및 무례한 질문 투척\\n- 동의하지 않은 신체접촉\\n- 성적 농담을 포함한 부적절한 콘텐츠의 공유 및 게시\",\r\n      },\r\n      {\r\n        id: \"bottom\",\r\n        desc:\r\n          '데이터야놀자 내에서 위의 내용을 위반하는 상황이 발생한 경우, 아래의 \"신고하기\"\\n내용을 참고하여 알려주시기 바랍니다.\\n데이터야놀자는 공정하고 즉각적인 대응을 할 것을 약속드립니다.',\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section B\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              COMPANION\r\n              <br />\r\n              어울림\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">COMPANION 어울림</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">{this.write_text(2)}</div>\r\n          <div className=\"coc\">{this.write_text(3)}</div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionC extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          \"데이터야놀자는 참가자들의 자발적 참여를 통해 이루어집니다. 데이터야놀자가 하나의\\n오픈소스라면, 참가자들 모두가 데이터야놀자라는 프로젝트에 참여하고 있는 것이죠.\",\r\n      },\r\n      {\r\n        id: \"highlight\",\r\n        desc:\r\n          \"데이터야놀자에 기여하는 형태는 모두가 다를 수 있지만 각각의 소중한 참여가 모여\\n데이터야놀자가 만들어집니다. 데이터야놀자의 주인은 데놀에 참여하는 여러분입니다!\\n\",\r\n      },\r\n      {\r\n        id: \"pmc\",\r\n        desc:\r\n          \"각자의 본업이 있음에도 데이터야놀자를 준비하기 위해 기꺼이 자신의 시간을 쓰면서\\n행사준비를 하고 있습니다. 매번 데이터야놀자에서 어떤 메시지를 전달할 지 고민하고,\\n어떻게 하면 참가자들이 데이터야놀자를 더욱 잘 즐길 수 있을지 고민하고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"committer\",\r\n        desc:\r\n          \"다양하고 수준높은 발표를 준비하는 발표자 분들과, 원활한 행사진행을 위해\\n물심양면으로 지원해주시는 후원사 분들 덕분에 더욱 알차고 푸짐한 데이터야놀자를\\n만들어가고 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"user\",\r\n        desc:\r\n          \"아무리 잘 준비된 행사라도, 아무리 즐길 거리가 많은 축제라도 즐기는 사람이 없다면\\n무용지물입니다. 데이터야놀자에 소중한 시간과 참가비를 지불하고 행사를 즐기는\\n참가자들이 없다면 데이터야놀자는 지속될 수 없습니다. 데이터야놀자에 항상 관심을\\n가져주시고 참여해주시는 분들이야말로 데이터야놀자를 만들어가는 사람들입니다.\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section C\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              OWNERSHIP\r\n              <br />\r\n              참여\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">OWNERSHIP 참여</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">{this.write_text(1)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">PMC(운영진/자원봉사자)</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">COMMITTER(발표자/후원자)</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">USER(참가자)</div>\r\n            {this.write_text(4)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass SectionD extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"head\",\r\n        desc:\r\n          '데이터야놀자를 단순한 컨퍼런스가 아닌 축제라고 하는 이유는, \"데이터\"를 통해 \"놀기\"위해\\n모였기 때문입니다. 데이터야놀자에 참가한 모든 분들이 행사를 통해 다음의 즐거움을\\n마음껏 누리고 가셨으면 좋겠습니다.\\n',\r\n      },\r\n      {\r\n        id: \"knowlege\",\r\n        desc:\r\n          \"연사자들이 데이터를 다루며 경험했던 내용들을 공유함으로써 새로운 지식을 쌓거나\\n유용한 팁을 주고받으면서 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"networking\",\r\n        desc:\r\n          \"데이터에 관심있는 사람들이 모여 서로 이야기를 나누고, 아는 것을 공유하며, 새로운\\n 인연을 만들어가며 얻는 즐거움\\n\",\r\n      },\r\n      {\r\n        id: \"play\",\r\n        desc:\r\n          \"여러 부스와 먹거리, 마실거리(맥주!), 중간중간 준비된 이벤트 등 행사에 준비된\\n 컨텐츠를 통해 얻는 즐거움\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section D\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              CHEERS!\r\n              <br />\r\n              즐거움\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">CHEERS! 즐거움</p>\r\n          <div className=\"coc\">{this.write_text(0)}</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">지적 즐거움</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">네트워킹의 즐거움</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">노는 즐거움</div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Report extends Component {\r\n  state = {\r\n    contents: [\r\n      {\r\n        id: \"신고하기\",\r\n        desc:\r\n          \"데이터야놀자 행사 내에서 상대방을 존중하지 않는 행위를 목격하셨다면, 주저하지 말고\\n알려주시면 감사하겠습니다. 가해자에 대한 처벌과 더불어, 앞으로 비슷한 사례가\\n일어나지 않도록 데이터야놀자는 최선을 다하겠습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"신고방법\",\r\n        desc:\r\n          \"위반 행위의 가해자에 따라서 신고 방법이 달라질 수 있습니다.\\n\\n운영진의 CoC 위반\\n: 제 3자 채널을 활용\\n\\n발표자 및 참가자의 CoC 위반\\n: 홈페이지 내 CoC 신고 링크(구글닥스)\\n: 페이스북 메시지 및 데이터야놀자 공식 이메일\\n: 카카오톡 오픈채팅(1:1, 익명프로필 사용 가능)\\n\\n피해자 보호를 위해 익명 제보가 가능한 채널을 통해 제보 가능합니다. 보다 신속하고\\n확실한 대응을 위해 사실관계를 최대한 자세하게 서술해주시면 감사하겠습니다.\\n구체적인 설명이 없으면 사실 파악이 어려워 적극적인 대응을 하지 못할 수 있습니다.\\nCoC에 언급된 내용 중 불편했던 항목에 대해서는 가감없이 신고해주시기 바랍니다.\\n추가적인 사실관계 파악을 위해 신고 이후 대화 가능한 연락처를 요청드릴 수 있습니다.\\n\",\r\n      },\r\n      {\r\n        id: \"대응방식\",\r\n        desc:\r\n          \"접수된 내용은 즉각적 대응을 원칙으로, 재발 방지를 위해\\n신속하게 대응 방법을 공지할 것을 약속합니다.\\n\\n즉각적 대응\\n접수된 CoC 위반 건은 곧바로 검토되며, 24시간 이내에\\n커뮤니티 위반 건에 대한 내용을 공개하겠습니다.\\n이 과정에서 신고자가 누구인지 노출되지 않도록 신중하게 내용 작성을 하겠습니다.\\n\\n대응방식\\n: 운영진 내부 대책회의\\n: 커뮤니티 참여자들의 의견 청취\\n: 제 3자를 이용한 사실관계 파악 및 대응책 수립\\n\",\r\n      },\r\n      {\r\n        id: \"재발 방지를 위하여\",\r\n        desc:\r\n          \"데이터야놀자에서 일어나는 모든 일들은 오픈소스와 같이 투명하게 공개되어야 합니다.\\nCOC 위반 내역이 접수된 경우, 해당 내용은 피해자가 드러나지 않도록 보호하면서\\n데이터야놀자의 모든 채널(홈페이지, 페이스북)을 통해 모두 공개하도록 하겠습니다.\\n\\n공개할 내용\\n: 가해자의 소속(운영진 / 발표자 / 참가자)\\n: COC 위반 일시 및 장소\\n: COC 위반 상세 내용\\n: 위반 건 처리 경과\\n: 재발 방지 대책\",\r\n      },\r\n    ],\r\n  };\r\n\r\n  write_text(i) {\r\n    const desc = this.state.contents[i].desc;\r\n\r\n    return desc.split(\"\\n\").map(function (item, idx) {\r\n      return (\r\n        <span key={idx}>\r\n          {item}\r\n          <br />\r\n        </span>\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"section E\">\r\n        <div className=\"dot\">\r\n          <div id=\"circle\">\r\n            <p>\r\n              REPORT\r\n              <br />\r\n              신고\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <section className=\"cocSection\">\r\n          <p id=\"mobile_p\">REPORT 신고</p>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고하기</div>\r\n            {this.write_text(0)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">신고방법</div>\r\n            {this.write_text(1)}\r\n          </div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">대응방식</div>\r\n            {this.write_text(2)}\r\n          </div>\r\n          <div className=\"coc\">---------------------------------</div>\r\n          <div className=\"coc\">\r\n            <div className=\"bold\">\r\n              <br />\r\n              COC 위반이 접수된 이후 - 재발 방지를 위하여\r\n            </div>\r\n            {this.write_text(3)}\r\n          </div>\r\n        </section>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nclass Container extends Component {\r\n  render() {\r\n    return (\r\n      <section className=\"container\">\r\n        <SectionA></SectionA>\r\n        <SectionB></SectionB>\r\n        <SectionC></SectionC>\r\n        <SectionD></SectionD>\r\n        <Report></Report>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nclass Coc extends Component {\r\n  render() {\r\n    return (\r\n      <div className=\"coc-body\">\r\n        <style>{\"body { background-color: #fdd2db; }\"}</style>\r\n        <Header></Header>\r\n        <Logo></Logo>\r\n        <Container></Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Coc;\r\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/node_modules/.cache/eslint-loader/07613de5b2a924840c6c849dac234ce9bf41bbd4.json.gz b/node_modules/.cache/eslint-loader/07613de5b2a924840c6c849dac234ce9bf41bbd4.json.gz
new file mode 100644
index 00000000..b2dea23a
Binary files /dev/null and b/node_modules/.cache/eslint-loader/07613de5b2a924840c6c849dac234ce9bf41bbd4.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/08b4c563aec1cb9825c3495fbe03ca5da0627f0f.json.gz b/node_modules/.cache/eslint-loader/08b4c563aec1cb9825c3495fbe03ca5da0627f0f.json.gz
new file mode 100644
index 00000000..f7c9e144
Binary files /dev/null and b/node_modules/.cache/eslint-loader/08b4c563aec1cb9825c3495fbe03ca5da0627f0f.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/09a6a72c0529b3e35eec3ceda7a7ba7123184638.json.gz b/node_modules/.cache/eslint-loader/09a6a72c0529b3e35eec3ceda7a7ba7123184638.json.gz
new file mode 100644
index 00000000..208ed67d
Binary files /dev/null and b/node_modules/.cache/eslint-loader/09a6a72c0529b3e35eec3ceda7a7ba7123184638.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/25b29b74ab993a2fca9a52d71775a885b3abf03c.json.gz b/node_modules/.cache/eslint-loader/25b29b74ab993a2fca9a52d71775a885b3abf03c.json.gz
new file mode 100644
index 00000000..a10475e3
Binary files /dev/null and b/node_modules/.cache/eslint-loader/25b29b74ab993a2fca9a52d71775a885b3abf03c.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/40749e17cb0e1008fe14f486d8cced5d62e6334b.json.gz b/node_modules/.cache/eslint-loader/40749e17cb0e1008fe14f486d8cced5d62e6334b.json.gz
new file mode 100644
index 00000000..a44461f6
Binary files /dev/null and b/node_modules/.cache/eslint-loader/40749e17cb0e1008fe14f486d8cced5d62e6334b.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/4668a17eccc4fee49ad794e90a00b5b251fe8e9e.json.gz b/node_modules/.cache/eslint-loader/4668a17eccc4fee49ad794e90a00b5b251fe8e9e.json.gz
new file mode 100644
index 00000000..208ed67d
Binary files /dev/null and b/node_modules/.cache/eslint-loader/4668a17eccc4fee49ad794e90a00b5b251fe8e9e.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/61070c54f84e46959798c3c5e6b14db0c55687c0.json.gz b/node_modules/.cache/eslint-loader/61070c54f84e46959798c3c5e6b14db0c55687c0.json.gz
new file mode 100644
index 00000000..208ed67d
Binary files /dev/null and b/node_modules/.cache/eslint-loader/61070c54f84e46959798c3c5e6b14db0c55687c0.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/6cff3155e5bc267ede706990163f876038164a53.json.gz b/node_modules/.cache/eslint-loader/6cff3155e5bc267ede706990163f876038164a53.json.gz
new file mode 100644
index 00000000..a10475e3
Binary files /dev/null and b/node_modules/.cache/eslint-loader/6cff3155e5bc267ede706990163f876038164a53.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/78d1eae1bb5f2244c921c6bfc8da38ecd9294395.json.gz b/node_modules/.cache/eslint-loader/78d1eae1bb5f2244c921c6bfc8da38ecd9294395.json.gz
new file mode 100644
index 00000000..19bb713e
Binary files /dev/null and b/node_modules/.cache/eslint-loader/78d1eae1bb5f2244c921c6bfc8da38ecd9294395.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/7bc0505d394bc13cc76f384bb0c9348a6db6477a.json.gz b/node_modules/.cache/eslint-loader/7bc0505d394bc13cc76f384bb0c9348a6db6477a.json.gz
new file mode 100644
index 00000000..f28fde83
Binary files /dev/null and b/node_modules/.cache/eslint-loader/7bc0505d394bc13cc76f384bb0c9348a6db6477a.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/7c38b2268dee251ad017964c7dcb7ab8f3197088.json.gz b/node_modules/.cache/eslint-loader/7c38b2268dee251ad017964c7dcb7ab8f3197088.json.gz
new file mode 100644
index 00000000..208ed67d
Binary files /dev/null and b/node_modules/.cache/eslint-loader/7c38b2268dee251ad017964c7dcb7ab8f3197088.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/8159746a1487b136c507dbe6ae5a69a18b5f2fc9.json.gz b/node_modules/.cache/eslint-loader/8159746a1487b136c507dbe6ae5a69a18b5f2fc9.json.gz
new file mode 100644
index 00000000..f28fde83
Binary files /dev/null and b/node_modules/.cache/eslint-loader/8159746a1487b136c507dbe6ae5a69a18b5f2fc9.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/81a25a4407961329e2a5b479601f55bd8968fb43.json.gz b/node_modules/.cache/eslint-loader/81a25a4407961329e2a5b479601f55bd8968fb43.json.gz
new file mode 100644
index 00000000..208ed67d
Binary files /dev/null and b/node_modules/.cache/eslint-loader/81a25a4407961329e2a5b479601f55bd8968fb43.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/8f76ca25a0d581c0ac421af9cb387411ac38f1c2.json.gz b/node_modules/.cache/eslint-loader/8f76ca25a0d581c0ac421af9cb387411ac38f1c2.json.gz
new file mode 100644
index 00000000..84acc16f
Binary files /dev/null and b/node_modules/.cache/eslint-loader/8f76ca25a0d581c0ac421af9cb387411ac38f1c2.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/9848232c5a123355cbfd4df401df4dbffa5f7ec3.json.gz b/node_modules/.cache/eslint-loader/9848232c5a123355cbfd4df401df4dbffa5f7ec3.json.gz
new file mode 100644
index 00000000..3f90ce95
Binary files /dev/null and b/node_modules/.cache/eslint-loader/9848232c5a123355cbfd4df401df4dbffa5f7ec3.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/b192de836b30f2ada3f3f9a20d4c82bdf0f72c74.json.gz b/node_modules/.cache/eslint-loader/b192de836b30f2ada3f3f9a20d4c82bdf0f72c74.json.gz
new file mode 100644
index 00000000..b47d7d18
Binary files /dev/null and b/node_modules/.cache/eslint-loader/b192de836b30f2ada3f3f9a20d4c82bdf0f72c74.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/ba541b59f8e715ddf078b3cfe59a76b8659260a9.json.gz b/node_modules/.cache/eslint-loader/ba541b59f8e715ddf078b3cfe59a76b8659260a9.json.gz
new file mode 100644
index 00000000..208ed67d
Binary files /dev/null and b/node_modules/.cache/eslint-loader/ba541b59f8e715ddf078b3cfe59a76b8659260a9.json.gz differ
diff --git a/node_modules/.cache/eslint-loader/f11fad1fae68d8ed9bc47b90dc48cb801ca80b5f.json.gz b/node_modules/.cache/eslint-loader/f11fad1fae68d8ed9bc47b90dc48cb801ca80b5f.json.gz
new file mode 100644
index 00000000..f28fde83
Binary files /dev/null and b/node_modules/.cache/eslint-loader/f11fad1fae68d8ed9bc47b90dc48cb801ca80b5f.json.gz differ
diff --git a/src/components/Coc/coc.css b/src/components/Coc/coc.css
index de6f22dd..0ed2070c 100644
--- a/src/components/Coc/coc.css
+++ b/src/components/Coc/coc.css
@@ -100,23 +100,10 @@
   font-weight: bold;
   font-size: 20px;
 }
-
-.section.B #mobile_p {
-  color: #ff9599;
-}
-
-.section.C #mobile_p {
-  color: #6beeff;
-}
-
-.section.D #mobile_p {
+.section #mobile_p {
   color: #6286c4;
 }
 
-.section.E #mobile_p {
-  color: #ff9599;
-}
-
 @media (min-width: 576px) {
   .container {
     top: 25%;
diff --git a/src/components/Coc/coc.js b/src/components/Coc/coc.js
index a706c696..c7fc7592 100644
--- a/src/components/Coc/coc.js
+++ b/src/components/Coc/coc.js
@@ -369,9 +369,7 @@ class Report extends Component {
             <div className="bold">대응방식</div>
             {this.write_text(2)}
           </div>
-          <div className="coc">
-            ------------------------------------------------------------------------------------------------------------
-          </div>
+          <div className="coc">---------------------------------</div>
           <div className="coc">
             <div className="bold">
               <br />
diff --git a/src/components/Concept/Concept.css b/src/components/Concept/Concept.css
index 9a534535..fb861f52 100644
--- a/src/components/Concept/Concept.css
+++ b/src/components/Concept/Concept.css
@@ -36,10 +36,7 @@
 /* .con-right h5 {
   margin-left: 30px;
 } */
-.con-right > .contents1,
-.con-right > .contents2 {
-  color: #6286c4;
-}
+
 .con-right > .contents1,
 .con-right > .contents2 {
   color: #6286c4;
@@ -70,10 +67,14 @@
   .con-left,
   .con-right {
     margin-left: 8%;
-    width: 100%;
+  }
+
+  .con-right {
+    width: 90%;
   }
 
   .con-left {
+    width: 100%;
     float: left;
   }
   .con-right h2 {
@@ -83,18 +84,14 @@
 
   .con-right > .title > h2 > span {
     color: white;
-    font-size: 20px;
-    line-height: 42px;
-  }
-  .con-right span {
-    font-size: 1.6px;
-    line-height: 3.2px;
   }
 
   .con-right > .contents1,
   .con-right > .contents2 {
     color: #6286c4;
     margin-right: 24px;
+    font-size: 1.2em;
+    line-height: 1.8em;
   }
 
   .con-left img {
diff --git a/src/components/Concept/Concept.js b/src/components/Concept/Concept.js
index a8b5d578..fa9fa046 100644
--- a/src/components/Concept/Concept.js
+++ b/src/components/Concept/Concept.js
@@ -55,7 +55,7 @@ class JsonConcept extends Component {
           </h2>
         </section>
         <section className="contents1">
-          <h3>
+          <h5>
             {this.subtitle1State.split("\n").map(function (item, idx) {
               return (
                 <span key={idx}>
@@ -64,7 +64,7 @@ class JsonConcept extends Component {
                 </span>
               );
             })}
-          </h3>
+          </h5>
           <h5>
             {this.msg1State.split("\n").map(function (item, idx) {
               return (
diff --git a/src/components/Concept/datayanolja2020.json b/src/components/Concept/datayanolja2020.json
index c81cdf34..ae566ddd 100644
--- a/src/components/Concept/datayanolja2020.json
+++ b/src/components/Concept/datayanolja2020.json
@@ -2,6 +2,5 @@
   "title": "재미를 찾아서",
   "subtitle1": "재미 [명사] : 어떤 일에 흥미를 느끼고 즐거움을 맛보는 마음의 상태",
   "msg1": "매년 데이터놀자를 찾아주시는 다양한 분들만큼이나 그분들께서 느끼는 흥미도\n 다양했습니다. 데이터야놀자 이름에서도 느낄 수 있듯, 올해는 본격적으로 놀아보려고\n 합니다. 데이터와 함께 먹고 살고 ,취미 생활도 하고, 세상도 구하고!\n데이터를 통한 다양한 경험만큼이나 데이터와 함께하면서 느끼는 다양한 재미가 있습니다.\n 그 다양한 경험에서 나오는 다양한 재미가 올해 데이터야놀자의 주제입니다.",
-
   "msg2": "소소한 재미를 느낀 경험, 다른 사람들도 알수도 있지만 난 재밌었던 경험, \n예측 모형의 정확도를 0.1% 올리며 느낀 희열, 매일 같이 반복되는 회사 생활에서\n 찾아보려고 했던 재미 등등 모든 경험들이 재미인 곳!\n 데이터야놀자입니다."
 }
diff --git a/src/components/Header/mobileMenu.css b/src/components/Header/mobileMenu.css
index ecfb58bb..497275a3 100644
--- a/src/components/Header/mobileMenu.css
+++ b/src/components/Header/mobileMenu.css
@@ -1,65 +1,72 @@
 /* *{margin:0;padding:0;}
 body, html{width:100%;height: 100%;overflow: hidden;} */
-.menu-header{
-    width: 100%;
-    height: 50px;
-    background: #ddd;
-    position: absolute;
-    top: 0px;
-    left: 0px;
+.menu-header {
+  width: 100%;
+  height: 50px;
+  background: #6286c4;
+  position: absolute;
+  top: 0px;
+  left: 0px;
 }
-.menu_btn{
-    text-align: right;
-    padding: 10px;
+.menu_btn {
+  text-align: right;
+  padding: 10px;
 }
-.menu_bg{
-    width: 100%;
-    height: 100%;
-    background: rgba(0,0,0,0.7);
-    position: absolute;
-    top:0;
-    left: 0;
-    /* bottom: 0; */
-    display: none;
+.menu_bg {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* bottom: 0; */
+  display: none;
 }
-.sidebar_menu{
-    width: 50%;
-    height: 100%;
-    background: #00F1FF;
-    position: absolute;
-    top:0;
-    right: -50%;
-    
+.sidebar_menu {
+  width: 50%;
+  height: 100%;
+  background: #082138;
+  position: absolute;
+  top: 0;
+  right: -50%;
 }
-.close_btn{
-    width: 25px;
-    height: 25px;
-    margin:10px;
+.close_btn {
+  width: 25px;
+  height: 25px;
+  margin: 10px;
 }
-.close_btn > a{
-    display: block;
-    width: 100%;
-    height: 100%;
+.close_btn > a {
+  display: block;
+  width: 100%;
+  height: 100%;
 }
-.menu_wrap{
-    list-style: none;
-    padding: 20px 20px;   
+.menu_wrap {
+  list-style: none;
+  padding: 20px 20px;
 }
-.menu_wrap li a{
-    color: #FA929A;
-    font-weight: bolder;
-    text-decoration: none;
+.menu_wrap li a {
+  color: white;
+  font-weight: bolder;
+  text-decoration: none;
 }
 
 .menu_wrap > li {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
-.mobile-menu-info-clicked > ul, .mobile-menu-2020-clicked > ul, .mobile-menu-news-clicked>ul {
-    margin-top: 5px;
-    padding-left: 20px;
-    /* color: white; */
+.mobile-menu-info-clicked > ul,
+.mobile-menu-2020-clicked > ul,
+.mobile-menu-news-clicked > ul {
+  margin-top: 5px;
+  padding-left: 20px;
+  /* color: white; */
+}
+
+.mobile-menu-info-clicked > ul a,
+.mobile-menu-2020-clicked > ul a,
+.mobile-menu-news-clicked > ul a {
+  color: #6286c4;
 }
 /* .mobile-menu-info-clicked > ul > li, .mobile-menu-2020-clicked > ul> li, .mobile-menu-news-clicked>ul> li {
     color: white;
-} */
\ No newline at end of file
+} */
diff --git a/src/components/Header/mobileMenu.js b/src/components/Header/mobileMenu.js
index f4f47341..bfbf9f26 100644
--- a/src/components/Header/mobileMenu.js
+++ b/src/components/Header/mobileMenu.js
@@ -5,154 +5,193 @@ import menuBtn from "../../img/Header/햄버거.svg";
 import closeBtn from "../../img/Header/닫기.svg";
 
 class MobileMenu extends Component {
-componentDidMount() {
+  componentDidMount() {
     var info_click_num = 0;
     var denol_click_num = 0;
     var news_click_num = 0;
-    $(document).ready(function(){
-        $('.menu_btn>a').on('click', function(){
-            $('.menu_bg').show(); 
-            $('.sidebar_menu').animate({
-                right:0
-            });  
+    $(document).ready(function () {
+      $(".menu_btn>a").on("click", function () {
+        $(".menu_bg").show();
+        $(".sidebar_menu").animate({
+          right: 0,
         });
-        $('.close_btn>a').on('click', function(){
-            $('.menu_bg').hide(); 
-            $('.sidebar_menu').animate({
-                right: '-' + 50 + '%'
-                        });  
-        });
-
-        $('.menu-info>a')
-        .on('click', function(){
-            if(info_click_num %2 === 0)
-                $('.mobile-menu-info-clicked>ul').css('display','block');
-            else
-                $('.mobile-menu-info-clicked>ul').css('display','none');
-            info_click_num ++;
-        });
-
-        $('.menu-2020>a')
-        .on('click', function(){
-            if(denol_click_num %2 === 0)
-                $('.mobile-menu-2020-clicked>ul').css('display','block');
-            else
-                $('.mobile-menu-2020-clicked>ul').css('display','none');
-            denol_click_num ++;
-        });
-
-        $('.menu-news>a')
-        .on('click', function(){
-            if(news_click_num %2 === 0)
-                $('.mobile-menu-news-clicked>ul').css('display','block');
-            else
-                $('.mobile-menu-news-clicked>ul').css('display','none');
-            news_click_num ++;
+      });
+      $(".close_btn>a").on("click", function () {
+        $(".menu_bg").hide();
+        $(".sidebar_menu").animate({
+          right: "-" + 50 + "%",
         });
+      });
+
+      $(".menu-info>a").on("click", function () {
+        if (info_click_num % 2 === 0)
+          $(".mobile-menu-info-clicked>ul").css("display", "block");
+        else $(".mobile-menu-info-clicked>ul").css("display", "none");
+        info_click_num++;
+      });
+
+      $(".menu-2020>a").on("click", function () {
+        if (denol_click_num % 2 === 0)
+          $(".mobile-menu-2020-clicked>ul").css("display", "block");
+        else $(".mobile-menu-2020-clicked>ul").css("display", "none");
+        denol_click_num++;
+      });
+
+      $(".menu-news>a").on("click", function () {
+        if (news_click_num % 2 === 0)
+          $(".mobile-menu-news-clicked>ul").css("display", "block");
+        else $(".mobile-menu-news-clicked>ul").css("display", "none");
+        news_click_num++;
+      });
     });
-}
+  }
 
-render() {
+  render() {
     return (
-    <div className="mobile-menu">
+      <div className="mobile-menu">
         <div className="menu-header">
-            <div className="menu_btn">
-                <a href="/" onClick={function (e) {
+          <div className="menu_btn">
+            <a
+              href="/"
+              onClick={function (e) {
                 e.preventDefault();
-            }.bind(this)}>
-                <img src={menuBtn} />
-                </a>
-            </div>
+              }.bind(this)}
+            >
+              <img src={menuBtn} />
+            </a>
+          </div>
         </div>
 
         <div className="menu_bg"></div>
 
         <div className="sidebar_menu">
-            <div className="close_btn">
-                <a href="/" onClick={function (e) {
+          <div className="close_btn">
+            <a
+              href="/"
+              onClick={function (e) {
                 e.preventDefault();
-            }.bind(this)}>       
-                    <img src={closeBtn} />
-                </a>
-            </div>
-
-            <ul className="menu_wrap">
-
-                <li className="menu-info">
-                    <a href="/" onClick={function (e) {
+              }.bind(this)}
+            >
+              <img src={closeBtn} />
+            </a>
+          </div>
+
+          <ul className="menu_wrap">
+            <li className="menu-info">
+              <a
+                href="/"
+                onClick={function (e) {
+                  e.preventDefault();
+                  this.props.onChangeMode("main");
+                }.bind(this)}
+              >
+                데놀랜드 소개
+              </a>
+
+              <div className="mobile-menu-info-clicked">
+                <ul>
+                  <li>
+                    <a
+                      href="/"
+                      onClick={function (e) {
                         e.preventDefault();
-                        this.props.onChangeMode("main");
-                    }.bind(this)}>데놀랜드 소개</a>
-
-                    <div className="mobile-menu-info-clicked">
-                        <ul>
-                            <li><a
-                                href="/"
-                                onClick={function (e) {
-                                e.preventDefault();
-                                this.props.onChangeMode("speaker");
-                                }.bind(this)}>
-                                데놀 즐기기
-                            </a></li>
-                            <li><a
-                            href="/"
-                            onClick={function (e) {
-                            e.preventDefault();
-                            this.props.onChangeMode("partners");
-                            }.bind(this)}>
-                            함께하는 파트너스
-                        </a></li>
-                        </ul>
-                    </div>
-                </li>
-
-                <li className="menu-2020">
-                    <a href="/" onClick={function (e) {
+                        this.props.onChangeMode("speaker");
+                      }.bind(this)}
+                    >
+                      데놀 즐기기
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="/"
+                      onClick={function (e) {
                         e.preventDefault();
-                        this.props.onChangeMode("concept");
-                    }.bind(this)}>데놀랜드 2020</a>
-
-                    <div className="mobile-menu-2020-clicked">
-                        <ul>
-                            <li><a href="/" onClick={function (e) {
-                                e.preventDefault();
-                                this.props.onChangeMode("program");
-                                }.bind(this)}>프로그램</a>
-                            </li>
-                        </ul>
-                    </div>
-                </li>
-
-                <li>
-                    <a href="/" onClick={function (e) {
+                        this.props.onChangeMode("partners");
+                      }.bind(this)}
+                    >
+                      함께하는 파트너스
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </li>
+
+            <li className="menu-2020">
+              <a
+                href="/"
+                onClick={function (e) {
+                  e.preventDefault();
+                  this.props.onChangeMode("concept");
+                }.bind(this)}
+              >
+                데놀랜드 2020
+              </a>
+
+              <div className="mobile-menu-2020-clicked">
+                <ul>
+                  <li>
+                    <a
+                      href="/"
+                      onClick={function (e) {
                         e.preventDefault();
-                        this.props.onChangeMode("coc");
-                    }.bind(this)}>데놀랜드 이용규칙</a>
-                </li>
-
-                <li className="menu-news">
-                    <a href="/" onClick={function (e) {
-                        e.preventDefault();
-                        this.props.onChangeMode("main");
-                    }.bind(this)}>데놀랜드 뉴스레터</a>
-
-                    <div className="mobile-menu-news-clicked">
-                        <ul>
-                            <li><a href="https://stib.ee/MWQ2">뉴스레터 1회차</a></li>
-                            <li><a href="https://stib.ee/ILT2">뉴스레터 2회차</a></li>
-                            <li><a href="https://stib.ee/BOU2">뉴스레터 3회차</a></li>
-                        </ul>
-                    </div>
-                </li>
-
-                <li>
-                    <a href="https://event-us.kr/datayanolja2020/event/23268">데놀랜드 입장권</a>
-                </li>
-            </ul>
+                        this.props.onChangeMode("program");
+                      }.bind(this)}
+                    >
+                      프로그램
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </li>
+
+            <li>
+              <a
+                href="/"
+                onClick={function (e) {
+                  e.preventDefault();
+                  this.props.onChangeMode("coc");
+                }.bind(this)}
+              >
+                데놀랜드 이용규칙
+              </a>
+            </li>
+
+            <li className="menu-news">
+              <a
+                href="/"
+                onClick={function (e) {
+                  e.preventDefault();
+                  this.props.onChangeMode("main");
+                }.bind(this)}
+              >
+                데놀랜드 뉴스레터
+              </a>
+
+              <div className="mobile-menu-news-clicked">
+                <ul>
+                  <li>
+                    <a href="https://stib.ee/MWQ2">뉴스레터 1회차</a>
+                  </li>
+                  <li>
+                    <a href="https://stib.ee/ILT2">뉴스레터 2회차</a>
+                  </li>
+                  <li>
+                    <a href="https://stib.ee/BOU2">뉴스레터 3회차</a>
+                  </li>
+                </ul>
+              </div>
+            </li>
+
+            <li>
+              <a href="https://event-us.kr/datayanolja2020/event/23268">
+                데놀랜드 입장권
+              </a>
+            </li>
+          </ul>
         </div>
-    </div>
+      </div>
     );
-}
+  }
 }
 
 export default MobileMenu;
diff --git a/src/components/Main/Main.css b/src/components/Main/Main.css
index 0779df54..3547e896 100644
--- a/src/components/Main/Main.css
+++ b/src/components/Main/Main.css
@@ -114,6 +114,9 @@
   .mainDate_m {
     display: none;
   }
+  .logoImg_m {
+    display: none;
+  }
 }
 
 @media (max-width: 575px) {
@@ -129,9 +132,12 @@
     width: 70%;
   }
   .main-right {
+    margin-left: 8%;
+    width: 85%;
     order: 1;
   }
-  .mainDate {
+  .mainDate,
+  .logoImg {
     display: none;
   }
   .mainLogo,
@@ -142,13 +148,24 @@
   .mainDate_m {
     order: 1;
   }
-  .logoImg {
+
+  .logoImg_m {
+    order: 2;
+    display: block;
     width: 170%;
     margin-top: -30%;
     margin-left: -50px;
   }
-  .main-right {
-    margin-left: 8%;
-    width: 100%;
+
+  .title > h1 {
+    font-size: 1.8em;
+  }
+
+  .aboutUs > h5 {
+    font-size: 0.9em;
+  }
+
+  .contact {
+    font-size: 1em;
   }
 }
diff --git a/src/components/Main/Main.js b/src/components/Main/Main.js
index 689fba4d..7f110881 100644
--- a/src/components/Main/Main.js
+++ b/src/components/Main/Main.js
@@ -4,6 +4,7 @@ import mainLogo from "../../img/Main/title_04.png";
 import mainDate from "../../img/Main/date.png";
 import mainDate_m from "../../img/Main/mainDate_m.png";
 import logoImg from "../../img/Main/back_04.png";
+import logoImg_m from "../../img/Main/back_m.png";
 import states from "./aboutus.json";
 
 class Mainlogo extends Component {
@@ -18,7 +19,8 @@ class Mainlogo extends Component {
           alt="모바일2020년 10월 17일"
         />
         <br />
-        <img className="logoImg" src={logoImg} alt="회전목마" />
+        <img className="logoImg" src={logoImg} alt="웹" />
+        <img className="logoImg_m" src={logoImg_m} alt="모바일" />
       </div>
     );
   }
diff --git a/src/components/Speaker/Speaker.js b/src/components/Speaker/Speaker.js
index 3b91e3b5..cb2833c0 100644
--- a/src/components/Speaker/Speaker.js
+++ b/src/components/Speaker/Speaker.js
@@ -79,7 +79,7 @@ class Speaker extends Component {
           <div className="left-content">
             <img src={speaker4} alt="발표자 사진" />
 
-            <div id="spe-text">
+            <div className="last" id="spe-text">
               <h2>최고의 발표는 최고의 광고!</h2>
               <p>광고는 멋진 발표 후 마지막 슬라이드 한 장이면 충분합니다.</p>
               <p>광고는 최대한 자제해주세요.</p>
diff --git a/src/img/Header/ham.svg b/src/img/Header/ham.svg
new file mode 100644
index 00000000..4b97ae46
--- /dev/null
+++ b/src/img/Header/ham.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 595.28 841.89" style="enable-background:new 0 0 595.28 841.89;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+</style>
+<line class="st0" x1="113.48" y1="341.34" x2="149.18" y2="341.34"/>
+<line class="st0" x1="113.48" y1="348.59" x2="149.18" y2="348.59"/>
+<line class="st0" x1="113.48" y1="355.84" x2="149.18" y2="355.84"/>
+</svg>
diff --git "a/src/img/Header/\353\213\253\352\270\260.svg" "b/src/img/Header/\353\213\253\352\270\260.svg"
deleted file mode 100644
index 08827234..00000000
--- "a/src/img/Header/\353\213\253\352\270\260.svg"
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z"/></svg>
\ No newline at end of file
diff --git a/src/img/Main/back_0.png b/src/img/Main/back_0.png
deleted file mode 100644
index 08fe95a2..00000000
Binary files a/src/img/Main/back_0.png and /dev/null differ
diff --git a/src/img/Main/back_04.png b/src/img/Main/back_04.png
index 5dbeb5f9..f7b98793 100644
Binary files a/src/img/Main/back_04.png and b/src/img/Main/back_04.png differ
diff --git a/src/img/Main/back_m.png b/src/img/Main/back_m.png
new file mode 100644
index 00000000..a01b5702
Binary files /dev/null and b/src/img/Main/back_m.png differ
diff --git a/src/img/Main/bg.png b/src/img/Main/bg.png
deleted file mode 100644
index d707a78a..00000000
Binary files a/src/img/Main/bg.png and /dev/null differ
diff --git a/src/img/Main/bg_02.png b/src/img/Main/bg_02.png
deleted file mode 100644
index 0d4a0bf3..00000000
Binary files a/src/img/Main/bg_02.png and /dev/null differ
diff --git a/src/img/Main/cloud.png b/src/img/Main/cloud.png
deleted file mode 100644
index c386b3bf..00000000
Binary files a/src/img/Main/cloud.png and /dev/null differ
diff --git a/src/img/Main/title.png b/src/img/Main/title.png
deleted file mode 100644
index 1af1cddb..00000000
Binary files a/src/img/Main/title.png and /dev/null differ
diff --git a/src/img/Main/title_02.png b/src/img/Main/title_02.png
deleted file mode 100644
index eb07db7e..00000000
Binary files a/src/img/Main/title_02.png and /dev/null differ
diff --git a/src/img/Main/title_03.png b/src/img/Main/title_03.png
deleted file mode 100644
index 516fabfd..00000000
Binary files a/src/img/Main/title_03.png and /dev/null differ
diff --git a/src/img/Speaker/guide_04.png b/src/img/Speaker/guide_04.png
index 107c823e..0802fca3 100644
Binary files a/src/img/Speaker/guide_04.png and b/src/img/Speaker/guide_04.png differ