Merge branch 'master' of http://khuhub.khu.ac.kr/2019102198/Tunnel into server

고병후
Commit fcab6ffaeed4d0db4381ae8bd32aac27058ea320 fcab6ffa 2 parents ecb220a6 6b8e5f3f
Showing 16 changed files with 698 additions and 223 deletions
turnel_FE/package-lock.json
turnel_FE/package.json
turnel_FE/public/index.html
turnel_FE/public/manifest.json
turnel_FE/src/App.js
turnel_FE/src/_actions/types.js
turnel_FE/src/_actions/user_action.js
turnel_FE/src/_reducers/index.js
turnel_FE/src/_reducers/user_reducer.js
turnel_FE/src/component/views/LandingPage/LandingPage.js
turnel_FE/src/component/views/LoginPage/LoginPage.js
turnel_FE/src/component/views/LandingPage/MainPage.js → turnel_FE/src/component/views/MainPage/MainPage.js
turnel_FE/src/component/views/RegisterPage/RegisterPage.js
turnel_FE/src/index.js
turnel_FE/src/logo.svg
turnel_FE/src/setupProxy.js
--- a/turnel_FE/package-lock.json
View file @fcab6ff
+++ b/turnel_FE/package-lock.json
View file @fcab6ff
@@ -1193,6 +1193,308 @@
       "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
       "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw=="
     },
+     "@ckeditor/ckeditor5-adapter-ckfinder": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-adapter-ckfinder/-/ckeditor5-adapter-ckfinder-31.0.0.tgz",
+       "integrity": "sha512-jWoQT8n8Ufg8hswRa0YU0yg387YpT65+PT7zuPbhgIRHkgyTzLFyDrVopD0uj11leDXPklzMk1lg4N5bHHIVew==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-autoformat": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-autoformat/-/ckeditor5-autoformat-31.0.0.tgz",
+       "integrity": "sha512-G6+tstX6NX09Rh0JRLnZyyEyabqxlSAnixn7UTBGblXeKsZnNSVc8MbAD1cH0IesqHki/Yo8Z2cpFcTCQSl47Q==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-basic-styles": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-basic-styles/-/ckeditor5-basic-styles-31.0.0.tgz",
+       "integrity": "sha512-1QXryQRj3uQ0Qmef6yMk5V0xjfk3T8fXESi1pHIsy/A3zgSUCUg+/xXJmIOBLp6LLRiL+bju/grbjerbHXEIHg==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-block-quote": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-block-quote/-/ckeditor5-block-quote-31.0.0.tgz",
+       "integrity": "sha512-T9NPuCWVtNF4EGXn4q8YSyJI1Ry9jJ0PZUv2exKsQAh5DloVXA3ufdAqqi7W/h7S4e5ffF+VAhrgNa0js3BcnA==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-build-classic": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-build-classic/-/ckeditor5-build-classic-31.0.0.tgz",
+       "integrity": "sha512-H5HwmnXgLMztY7cEFSnl66I5QF9gkTXgibKlJ4bNsurfChYjvrpCzVQjuECmnbQPJ0ZW53qH332WibwcKAQhuw==",
+       "requires": {
+         "@ckeditor/ckeditor5-adapter-ckfinder": "^31.0.0",
+         "@ckeditor/ckeditor5-autoformat": "^31.0.0",
+         "@ckeditor/ckeditor5-basic-styles": "^31.0.0",
+         "@ckeditor/ckeditor5-block-quote": "^31.0.0",
+         "@ckeditor/ckeditor5-ckfinder": "^31.0.0",
+         "@ckeditor/ckeditor5-cloud-services": "^31.0.0",
+         "@ckeditor/ckeditor5-easy-image": "^31.0.0",
+         "@ckeditor/ckeditor5-editor-classic": "^31.0.0",
+         "@ckeditor/ckeditor5-essentials": "^31.0.0",
+         "@ckeditor/ckeditor5-heading": "^31.0.0",
+         "@ckeditor/ckeditor5-image": "^31.0.0",
+         "@ckeditor/ckeditor5-indent": "^31.0.0",
+         "@ckeditor/ckeditor5-link": "^31.0.0",
+         "@ckeditor/ckeditor5-list": "^31.0.0",
+         "@ckeditor/ckeditor5-media-embed": "^31.0.0",
+         "@ckeditor/ckeditor5-paragraph": "^31.0.0",
+         "@ckeditor/ckeditor5-paste-from-office": "^31.0.0",
+         "@ckeditor/ckeditor5-table": "^31.0.0",
+         "@ckeditor/ckeditor5-typing": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-ckfinder": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-ckfinder/-/ckeditor5-ckfinder-31.0.0.tgz",
+       "integrity": "sha512-/YR1nwCeNkfdQuxbWmQmxMzJcqsW0mFUKuoAK6U9f7gd36AQq0gSvTmISzQgFZ66lrZd1IWGbEjC+Gtg5/OBOA==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-clipboard": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-clipboard/-/ckeditor5-clipboard-31.0.0.tgz",
+       "integrity": "sha512-wmdYd/bNp3zYA9ERo2ednl+ivf2xYq91iTnUDybxgexRHrMc8mjYTTzevrF4aXY56kpQR8c7dhU+Mzy68F7dTg==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "@ckeditor/ckeditor5-widget": "^31.0.0",
+         "lodash-es": "^4.17.11"
+       }
+     },
+     "@ckeditor/ckeditor5-cloud-services": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-cloud-services/-/ckeditor5-cloud-services-31.0.0.tgz",
+       "integrity": "sha512-wUmBDQUdtZbQUWgVV8uR9Vqi+0jaMtg6ZUQCqgnq/IOcZrcmzemE7y51fbzThI3AbmxGsuCHiD8yzUC9cOVUbw==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-core": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-core/-/ckeditor5-core-31.0.0.tgz",
+       "integrity": "sha512-8AvolCaFC/iTDJViNAQk2uJr2LLRieCEc0Kda5OUT0xgeoUF+/B5DYSU3ie8cJOghBSjZmEoZFUApqGaDm0QIA==",
+       "requires": {
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-easy-image": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-easy-image/-/ckeditor5-easy-image-31.0.0.tgz",
+       "integrity": "sha512-YKJxmrfHKdudR5q28U+0iiDbUUryj3/nJaZULTItxX6lTgYGbPp5+lqErIF4E1MrLMQmRQj3Ej+D8iM84B2qpw==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-editor-classic": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-editor-classic/-/ckeditor5-editor-classic-31.0.0.tgz",
+       "integrity": "sha512-73uctgAl8cX6//KlW1CUMQFXEK3USw6DfpUJrKXucMrdRksNXllu1WcZbADwcXgQk006byr8DKA51wNI00+daQ==",
+       "requires": {
+         "ckeditor5": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-engine": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-engine/-/ckeditor5-engine-31.0.0.tgz",
+       "integrity": "sha512-RVsGWx2R9T0cgDZtEo6O5GihvKB3PHoM7SJ/qbmDDWKuhJ/89KZDrWuFrgdNyfZsZwdgNplwnvX8gDvSHpRqkw==",
+       "requires": {
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-enter": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-enter/-/ckeditor5-enter-31.0.0.tgz",
+       "integrity": "sha512-FCv890nP1CoBLpZ8gOWmgWhmtNhSzIYODmbogI42pVhtQXbu/wMdlA5PsJF81cdrDL1MlL7Tnmor7+Yk1Ej1QQ==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-essentials": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-essentials/-/ckeditor5-essentials-31.0.0.tgz",
+       "integrity": "sha512-S14B/cyushn4n4ANz8H4TjjbxaeH94OG+EDwKL4bXAYn/B1S/I5Cm+MRi7Q8Z3A8A6fjzGhNPUyDx0GnpmKZHQ==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-heading": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-heading/-/ckeditor5-heading-31.0.0.tgz",
+       "integrity": "sha512-bAcNG2K7sZWxvTJTriof/lsR81o4QGbpaFcwj62QfTjYP+To5jlD4YhUIcCbg1YpiwlbJr8tv6PuWH6MkNh/5g==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-image": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-image/-/ckeditor5-image-31.0.0.tgz",
+       "integrity": "sha512-t7eYiRx4fLbSrBuSV7DoRC8zmTyzUQyind5gWQNWWDq/nF+bEaMkijOmbvak/gKQIl/C15Eo3jV6dPbzDdwgbg==",
+       "requires": {
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "ckeditor5": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-indent": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-indent/-/ckeditor5-indent-31.0.0.tgz",
+       "integrity": "sha512-3WuQFMvbxTzGJkAlNhmXaCqwyrSb0k/8HpTw3M9ef7nu0J0eutwT09bJQrfdyeyZ9I7thOXKjh00wTOAni8y2Q==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-link": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-link/-/ckeditor5-link-31.0.0.tgz",
+       "integrity": "sha512-CeX05fQIR1p3/aD512vuLedq2OVHJE/toEg3ewZOlWfKan71L3/6wiuuSHO7KkCbp1d/1I/pGOz9G9pBfLUtvg==",
+       "requires": {
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "ckeditor5": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-list": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-list/-/ckeditor5-list-31.0.0.tgz",
+       "integrity": "sha512-lSGobEoHdS94ueyhJ+N7XJmZ6CafCobVy+5cNCOymSVoHAY3GI5xOdkWO9slOxV+i8+/yiHT5NDWuCxTzj3WxQ==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-media-embed": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-media-embed/-/ckeditor5-media-embed-31.0.0.tgz",
+       "integrity": "sha512-2Dy7+qsOz+jDOMggehR6Fe/imhGfeVIe82PBHTQs2MfI+gbhSY6ftbvEInkff3T/eTDUc6fg05VGQJsRMWQaiA==",
+       "requires": {
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-paragraph": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-paragraph/-/ckeditor5-paragraph-31.0.0.tgz",
+       "integrity": "sha512-v6zSihnX6/C2eQ1P0Q2V1po/u/vkiPqUKYBSagCvW6jexUhUWiAUiBfyc1mS2VUFdyr9Anw6eHaMjbauwnTmFw==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-paste-from-office": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-paste-from-office/-/ckeditor5-paste-from-office-31.0.0.tgz",
+       "integrity": "sha512-ACdbjBOm9SjQGYkA43bX6e+SfCMcyIxnHX7yl2iEXLSZO5kk70xqpKv0tWlg8N5jlcsYPEXR9dHJheWRPehNsg==",
+       "requires": {
+         "ckeditor5": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-react": {
+       "version": "3.0.3",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-react/-/ckeditor5-react-3.0.3.tgz",
+       "integrity": "sha512-Zaazd9Brg64v1Q2qQNtbfryWeVLzXWlNbswLsOYwNgvHlxroa8+F7ZE33M2O8zxcL6sQHZ1vCNkQOPRUBG8pqA==",
+       "requires": {
+         "prop-types": "^15.7.2"
+       }
+     },
+     "@ckeditor/ckeditor5-select-all": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-select-all/-/ckeditor5-select-all-31.0.0.tgz",
+       "integrity": "sha512-+n3LvYx9Kdr+A0AUr012FT8O+5/A7GdkSRMI/L0gAuy1IHXYmPYzbymO+qFLY8lyrAfJvZX6rqFLcnaqtLUL6A==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-table": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-table/-/ckeditor5-table-31.0.0.tgz",
+       "integrity": "sha512-KdotVXhRlJBuYUPkTo/VDvCSoPm4dZSeZDwV0PWTMiAutmxkpdHHG0FGnAJphCPA1BLO0eLj84DkSyMdw3WlsQ==",
+       "requires": {
+         "ckeditor5": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-typing": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-typing/-/ckeditor5-typing-31.0.0.tgz",
+       "integrity": "sha512-7lILwGNhynpUcXKqzzAmPsL57myxqFcv0K1OPb+2jkzEruaYkAINJ3fMYNBwwAxtg2wZDP598ufwonplcSNsJA==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-ui": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-ui/-/ckeditor5-ui-31.0.0.tgz",
+       "integrity": "sha512-WDEwToA8FOPi/AeYqdF6isdTM7hJp26WzxDhDNGWC8aYu/zA146Z07qTbYuBOebG9TWqjsZOQYDXbH/4phmyDg==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-undo": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-undo/-/ckeditor5-undo-31.0.0.tgz",
+       "integrity": "sha512-mTSjiMJ/sSTP485djBiMQ4yD7M0qDIcqDlTV6op34M1eXLY63ZwQUnd9NiOqOLrBiwaBBmnRYlSeZCQjoCuk0A==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-upload": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-upload/-/ckeditor5-upload-31.0.0.tgz",
+       "integrity": "sha512-ChtGU66fdqwTaOazXtRXcOi6tOzAiTPC5UUv+LycxwSB6MKbqJANg8ny9RoTGWDpHUabb6UHyX8bwlfkXKIqbQ==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0"
+       }
+     },
+     "@ckeditor/ckeditor5-utils": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-utils/-/ckeditor5-utils-31.0.0.tgz",
+       "integrity": "sha512-T9S2x0AUBnhN8BJ7Pg4E8okEUccYBKyu5hp4nH2kMUSmfqeJ0JWC9CD5dA1nDOXvU10J6Rw8VoqkbRx/4MuYEw==",
+       "requires": {
+         "lodash-es": "^4.17.15"
+       }
+     },
+     "@ckeditor/ckeditor5-widget": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/@ckeditor/ckeditor5-widget/-/ckeditor5-widget-31.0.0.tgz",
+       "integrity": "sha512-MCpBdT2sD/nRgC825aIaI1Tu7T6OQYvNxc6Q4D+gNkdRbLLZrGoWKHNZdgmQg9Di1WgVO1cPo+h45HO2KYHAMA==",
+       "requires": {
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-enter": "^31.0.0",
+         "@ckeditor/ckeditor5-typing": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "lodash-es": "^4.17.15"
+       }
+     },
     "@cnakazawa/watch": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@cnakazawa/watch/-/watch-1.0.4.tgz",
@@ -1891,9 +2193,9 @@
       }
     },
     "@popperjs/core": {
-       "version": "2.10.2",
-       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.10.2.tgz",
-       "integrity": "sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ=="
+       "version": "2.11.0",
+       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.0.tgz",
+       "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ=="
     },
     "@rollup/plugin-node-resolve": {
       "version": "7.1.3",
@@ -2316,11 +2618,28 @@
         "@types/node": "*"
       }
     },
+     "@types/hoist-non-react-statics": {
+       "version": "3.3.1",
+       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+       "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+       "requires": {
+         "@types/react": "*",
+         "hoist-non-react-statics": "^3.3.0"
+       }
+     },
     "@types/html-minifier-terser": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz",
       "integrity": "sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w=="
     },
+     "@types/http-proxy": {
+       "version": "1.17.7",
+       "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.7.tgz",
+       "integrity": "sha512-9hdj6iXH64tHSLTY+Vt2eYOGzSogC+JQ2H7bdPWkuh7KXP5qLllWx++t+K9Wk556c3dkDdPws/SpMRi0sdCT1w==",
+       "requires": {
+         "@types/node": "*"
+       }
+     },
     "@types/istanbul-lib-coverage": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz",
@@ -2500,11 +2819,37 @@
       "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.4.2.tgz",
       "integrity": "sha512-ekoj4qOQYp7CvjX8ZDBgN86w3MqQhLE1hczEJbEIjgFEumDy+na/4AJAbLXfgEWFNB2pKadM5rPFtuSGMWK7xA=="
     },
+     "@types/prop-types": {
+       "version": "15.7.4",
+       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
+       "integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+     },
     "@types/q": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.5.tgz",
       "integrity": "sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ=="
     },
+     "@types/react": {
+       "version": "17.0.37",
+       "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.37.tgz",
+       "integrity": "sha512-2FS1oTqBGcH/s0E+CjrCCR9+JMpsu9b69RTFO+40ua43ZqP5MmQ4iUde/dMjWR909KxZwmOQIFq6AV6NjEG5xg==",
+       "requires": {
+         "@types/prop-types": "*",
+         "@types/scheduler": "*",
+         "csstype": "^3.0.2"
+       }
+     },
+     "@types/react-redux": {
+       "version": "7.1.20",
+       "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.20.tgz",
+       "integrity": "sha512-q42es4c8iIeTgcnB+yJgRTTzftv3eYYvCZOh1Ckn2eX/3o5TdsQYKUWpLoLuGlcY/p+VAhV9IOEZJcWk/vfkXw==",
+       "requires": {
+         "@types/hoist-non-react-statics": "^3.3.0",
+         "@types/react": "*",
+         "hoist-non-react-statics": "^3.3.0",
+         "redux": "^4.0.0"
+       }
+     },
     "@types/resolve": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -2513,6 +2858,11 @@
         "@types/node": "*"
       }
     },
+     "@types/scheduler": {
+       "version": "0.16.2",
+       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+     },
     "@types/source-list-map": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz",
@@ -3273,6 +3623,14 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.3.5.tgz",
       "integrity": "sha512-WKTW1+xAzhMS5dJsxWkliixlO/PqC4VhmO9T4juNYcaTg9jzWiJsou6m5pxWYGfigWbwzJWeFY6z47a+4neRXA=="
     },
+     "axios": {
+       "version": "0.24.0",
+       "resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
+       "integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
+       "requires": {
+         "follow-redirects": "^1.14.4"
+       }
+     },
     "axobject-query": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
@@ -4287,6 +4645,25 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-0.6.0.tgz",
       "integrity": "sha512-uc2Vix1frTfnuzxxu1Hp4ktSvM3QaI4oXl4ZUqL1wjTu/BGki9TrCWoqLTg/drR1KwAEarXuRFCG2Svr1GxPFw=="
     },
+     "ckeditor5": {
+       "version": "31.0.0",
+       "resolved": "https://registry.npmjs.org/ckeditor5/-/ckeditor5-31.0.0.tgz",
+       "integrity": "sha512-6e6RJWn4mk3xKASy4DiwF0wz165wxagYfWsun7nB0oM4/s7Ri8T6Ihr433RVdepwaVLwrEp70yjk5pbY02cU9A==",
+       "requires": {
+         "@ckeditor/ckeditor5-clipboard": "^31.0.0",
+         "@ckeditor/ckeditor5-core": "^31.0.0",
+         "@ckeditor/ckeditor5-engine": "^31.0.0",
+         "@ckeditor/ckeditor5-enter": "^31.0.0",
+         "@ckeditor/ckeditor5-paragraph": "^31.0.0",
+         "@ckeditor/ckeditor5-select-all": "^31.0.0",
+         "@ckeditor/ckeditor5-typing": "^31.0.0",
+         "@ckeditor/ckeditor5-ui": "^31.0.0",
+         "@ckeditor/ckeditor5-undo": "^31.0.0",
+         "@ckeditor/ckeditor5-upload": "^31.0.0",
+         "@ckeditor/ckeditor5-utils": "^31.0.0",
+         "@ckeditor/ckeditor5-widget": "^31.0.0"
+       }
+     },
     "class-utils": {
       "version": "0.3.6",
       "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
@@ -5008,6 +5385,11 @@
         }
       }
     },
+     "csstype": {
+       "version": "3.0.10",
+       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz",
+       "integrity": "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA=="
+     },
     "cyclist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
@@ -6852,6 +7234,15 @@
         "readable-stream": "^2.3.6"
       }
     },
+     "flux-standard-action": {
+       "version": "2.1.2",
+       "resolved": "https://registry.npmjs.org/flux-standard-action/-/flux-standard-action-2.1.2.tgz",
+       "integrity": "sha512-7vdgawlphCjzaMLdpZv8hlGC/FJCXu6sqE3Wuqe3HLZ22KcDiO4IFplxLDePDhEt6hgCrugt45RoUObuzZP6Kg==",
+       "requires": {
+         "lodash.isplainobject": "^4.0.6",
+         "lodash.isstring": "^4.0.1"
+       }
+     },
     "follow-redirects": {
       "version": "1.14.5",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.5.tgz",
@@ -7485,6 +7876,14 @@
         "minimalistic-crypto-utils": "^1.0.1"
       }
     },
+     "hoist-non-react-statics": {
+       "version": "3.3.2",
+       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+       "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+       "requires": {
+         "react-is": "^16.7.0"
+       }
+     },
     "hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -7681,110 +8080,21 @@
       }
     },
     "http-proxy-middleware": {
-       "version": "0.19.1",
-       "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
-       "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+       "version": "2.0.1",
+       "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.1.tgz",
+       "integrity": "sha512-cfaXRVoZxSed/BmkA7SwBVNI9Kj7HFltaE5rqYOub5kWzWZ+gofV2koVN1j2rMW7pEfSSlCHGJ31xmuyFyfLOg==",
       "requires": {
-         "http-proxy": "^1.17.0",
-         "is-glob": "^4.0.0",
-         "lodash": "^4.17.11",
-         "micromatch": "^3.1.10"
+         "@types/http-proxy": "^1.17.5",
+         "http-proxy": "^1.18.1",
+         "is-glob": "^4.0.1",
+         "is-plain-obj": "^3.0.0",
+         "micromatch": "^4.0.2"
       },
       "dependencies": {
-         "braces": {
-           "version": "2.3.2",
-           "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
-           "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
-           "requires": {
-             "arr-flatten": "^1.1.0",
-             "array-unique": "^0.3.2",
-             "extend-shallow": "^2.0.1",
-             "fill-range": "^4.0.0",
-             "isobject": "^3.0.1",
-             "repeat-element": "^1.1.2",
-             "snapdragon": "^0.8.1",
-             "snapdragon-node": "^2.0.1",
-             "split-string": "^3.0.2",
-             "to-regex": "^3.0.1"
-           },
-           "dependencies": {
-             "extend-shallow": {
-               "version": "2.0.1",
-               "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-               "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-               "requires": {
-                 "is-extendable": "^0.1.0"
-               }
-             }
-           }
-         },
-         "fill-range": {
-           "version": "4.0.0",
-           "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
-           "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
-           "requires": {
-             "extend-shallow": "^2.0.1",
-             "is-number": "^3.0.0",
-             "repeat-string": "^1.6.1",
-             "to-regex-range": "^2.1.0"
-           },
-           "dependencies": {
-             "extend-shallow": {
-               "version": "2.0.1",
-               "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-               "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-               "requires": {
-                 "is-extendable": "^0.1.0"
-               }
-             }
-           }
-         },
-         "is-number": {
+         "is-plain-obj": {
           "version": "3.0.0",
-           "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
-           "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
-           "requires": {
-             "kind-of": "^3.0.2"
-           },
-           "dependencies": {
-             "kind-of": {
-               "version": "3.2.2",
-               "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-               "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-               "requires": {
-                 "is-buffer": "^1.1.5"
-               }
-             }
-           }
-         },
-         "micromatch": {
-           "version": "3.1.10",
-           "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
-           "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
-           "requires": {
-             "arr-diff": "^4.0.0",
-             "array-unique": "^0.3.2",
-             "braces": "^2.3.1",
-             "define-property": "^2.0.2",
-             "extend-shallow": "^3.0.2",
-             "extglob": "^2.0.4",
-             "fragment-cache": "^0.2.1",
-             "kind-of": "^6.0.2",
-             "nanomatch": "^1.2.9",
-             "object.pick": "^1.3.0",
-             "regex-not": "^1.0.0",
-             "snapdragon": "^0.8.1",
-             "to-regex": "^3.0.2"
-           }
-         },
-         "to-regex-range": {
-           "version": "2.1.1",
-           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
-           "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
-           "requires": {
-             "is-number": "^3.0.0",
-             "repeat-string": "^1.6.1"
-           }
+           "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+           "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA=="
         }
       }
     },
@@ -8235,6 +8545,11 @@
       "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
       "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="
     },
+     "is-promise": {
+       "version": "2.2.2",
+       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+       "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+     },
     "is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
@@ -9819,9 +10134,9 @@
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
     },
     "json-schema": {
-       "version": "0.2.3",
-       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
-       "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM="
+       "version": "0.4.0",
+       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+       "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
     },
     "json-schema-traverse": {
       "version": "0.4.1",
@@ -9861,13 +10176,13 @@
       }
     },
     "jsprim": {
-       "version": "1.4.1",
-       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
-       "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+       "version": "1.4.2",
+       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+       "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
       "requires": {
         "assert-plus": "1.0.0",
         "extsprintf": "1.3.0",
-         "json-schema": "0.2.3",
+         "json-schema": "0.4.0",
         "verror": "1.10.0"
       }
     },
@@ -9989,6 +10304,16 @@
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
       "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
     },
+     "lodash.isplainobject": {
+       "version": "4.0.6",
+       "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+       "integrity": "sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs="
+     },
+     "lodash.isstring": {
+       "version": "4.0.1",
+       "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+       "integrity": "sha1-1SfftUVuynzJu5XV2ur4i6VKVFE="
+     },
     "lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -12882,6 +13207,26 @@
         "warning": "^4.0.2"
       }
     },
+     "react-redux": {
+       "version": "7.2.6",
+       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.6.tgz",
+       "integrity": "sha512-10RPdsz0UUrRL1NZE0ejTkucnclYSgXp5q+tB5SWx2qeG2ZJQJyymgAhwKy73yiL/13btfB6fPr+rgbMAaZIAQ==",
+       "requires": {
+         "@babel/runtime": "^7.15.4",
+         "@types/react-redux": "^7.1.20",
+         "hoist-non-react-statics": "^3.3.2",
+         "loose-envify": "^1.4.0",
+         "prop-types": "^15.7.2",
+         "react-is": "^17.0.2"
+       },
+       "dependencies": {
+         "react-is": {
+           "version": "17.0.2",
+           "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+           "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+         }
+       }
+     },
     "react-refresh": {
       "version": "0.8.3",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
@@ -13045,6 +13390,33 @@
         "strip-indent": "^3.0.0"
       }
     },
+     "redux": {
+       "version": "4.1.2",
+       "resolved": "https://registry.npmjs.org/redux/-/redux-4.1.2.tgz",
+       "integrity": "sha512-SH8PglcebESbd/shgf6mii6EIoRM0zrQyjcuQ+ojmfxjTtE0z9Y8pa62iA/OJ58qjP6j27uyW4kUF4jl/jd6sw==",
+       "requires": {
+         "@babel/runtime": "^7.9.2"
+       }
+     },
+     "redux-promise": {
+       "version": "0.6.0",
+       "resolved": "https://registry.npmjs.org/redux-promise/-/redux-promise-0.6.0.tgz",
+       "integrity": "sha512-R2mGxJbPFgXyCNbFDE6LjTZhCEuACF54g1bxld3nqBhnRMX0OsUyWk77moF7UMGkUdl5WOAwc4BC5jOd1dunqQ==",
+       "requires": {
+         "flux-standard-action": "^2.0.3",
+         "is-promise": "^2.1.0"
+       }
+     },
+     "redux-promise-middleware": {
+       "version": "6.1.2",
+       "resolved": "https://registry.npmjs.org/redux-promise-middleware/-/redux-promise-middleware-6.1.2.tgz",
+       "integrity": "sha512-ZqZu/nnSzGgwTtNbGoGVontpk7LjTOv0kigtt3CcgXI9gpq+8WlfXTXRZD0WTD5yaohRq0q2nYmJXSTjwXs83Q=="
+     },
+     "redux-thunk": {
+       "version": "2.4.1",
+       "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.1.tgz",
+       "integrity": "sha512-OOYGNY5Jy2TWvTL1KgAlVy6dcx3siPJ1wTq741EPyUKfn6W6nChdICjZwCd0p8AZBs5kWpZlbkXW2nE/zjUa+Q=="
+     },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -16389,6 +16761,17 @@
             }
           }
         },
+         "http-proxy-middleware": {
+           "version": "0.19.1",
+           "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+           "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+           "requires": {
+             "http-proxy": "^1.17.0",
+             "is-glob": "^4.0.0",
+             "lodash": "^4.17.11",
+             "micromatch": "^3.1.10"
+           }
+         },
         "import-local": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
--- a/turnel_FE/package.json
View file @fcab6ff
+++ b/turnel_FE/package.json
View file @fcab6ff
@@ -3,14 +3,23 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+     "@ckeditor/ckeditor5-build-classic": "^31.0.0",
+     "@ckeditor/ckeditor5-react": "^3.0.3",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
+     "axios": "^0.24.0",
+     "http-proxy-middleware": "^2.0.1",
     "node-sass": "^6.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+     "react-redux": "^7.2.6",
     "react-router-dom": "^6.0.2",
     "react-scripts": "4.0.3",
+     "redux": "^4.1.2",
+     "redux-promise": "^0.6.0",
+     "redux-promise-middleware": "^6.1.2",
+     "redux-thunk": "^2.4.1",
     "semantic-ui-css": "^2.4.1",
     "semantic-ui-react": "^2.0.4",
     "web-vitals": "^1.1.2"
--- a/turnel_FE/public/index.html
View file @fcab6ff
+++ b/turnel_FE/public/index.html
View file @fcab6ff
@@ -9,21 +9,6 @@
       name="description"
       content="Web site created using create-react-app"
     />
-     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-     <!--
-       manifest.json provides metadata used when your web app is installed on a
-       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-     -->
-     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-     <!--
-       Notice the use of %PUBLIC_URL% in the tags above.
-       It will be replaced with the URL of the `public` folder during the build.
-       Only files inside the `public` folder can be referenced from the HTML.
- 
-       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-       work correctly both with client-side routing and a non-root public URL.
-       Learn how to configure a non-root public URL by running `npm run build`.
-     -->
     <title>React App</title>
   </head>
   <body>
--- a/turnel_FE/public/manifest.json deleted 100644 → 0
View file @ecb220a
+++ b/turnel_FE/public/manifest.json deleted 100644 → 0
View file @ecb220a
- {
-   "short_name": "React App",
-   "name": "Create React App Sample",
-   "icons": [
-     {
-       "src": "favicon.ico",
-       "sizes": "64x64 32x32 24x24 16x16",
-       "type": "image/x-icon"
-     },
-     {
-       "src": "logo192.png",
-       "type": "image/png",
-       "sizes": "192x192"
-     },
-     {
-       "src": "logo512.png",
-       "type": "image/png",
-       "sizes": "512x512"
-     }
-   ],
-   "start_url": ".",
-   "display": "standalone",
-   "theme_color": "#000000",
-   "background_color": "#ffffff"
- }
--- a/turnel_FE/src/App.js
View file @fcab6ff
+++ b/turnel_FE/src/App.js
View file @fcab6ff
- //import React, {useState} from "react";
- import {BrowserRouter as Router, Route, Routes, Link} from "react-router-dom";
- import MainPage from "./component/views/LandingPage/MainPage";
+ import {BrowserRouter as Router, Route, Routes} from "react-router-dom";
+ import MainPage from "./component/views/MainPage/MainPage";
 import LoginPage from "./component/views/LoginPage/LoginPage";
 import RegisterPage from "./component/views/RegisterPage/RegisterPage";
 import "./static/fonts/font.css";
+ import LandingPage from "./component/views/LandingPage/LandingPage";
+ 
 function App () {
   return (
       <Router>
         <div>
-           {}
           <Routes>
-             <Route exact path = "/main" element={<MainPage/>}/>
-             <Route exact path = "/login" element={<LoginPage/>}/>
-             <Route exact path = "/register" element={<RegisterPage/>}/>
+               <Route exact path = "/" element={<LandingPage/>}/>
+               <Route exact path = "/login" element={<LoginPage/>}/>
+               <Route exact path = "/main" element={<MainPage/>}/>
+               <Route exact path = "/register" element={<RegisterPage/>}/>
           </Routes>
         </div>
       </Router>
--- a/turnel_FE/src/_actions/types.js 0 → 100644
View file @fcab6ff
+++ b/turnel_FE/src/_actions/types.js 0 → 100644
View file @fcab6ff
+ export const LOGIN_USER = "login_user";
+ export const REGISTER_USER = "register_user";
\ No newline at end of file
--- a/turnel_FE/src/_actions/user_action.js 0 → 100644
View file @fcab6ff
+++ b/turnel_FE/src/_actions/user_action.js 0 → 100644
View file @fcab6ff
+ import Axios from 'axios';
+ import { LOGIN_USER, REGISTER_USER } from './types';
+ 
+ export function loginUser(dataToSubmit) {
+ 
+     const request = Axios.post('/api/users/login', dataToSubmit)
+         .then( response => response.data )
+     return {
+         type: LOGIN_USER,
+         payload: request
+     }
+ }
+ 
+ export function registerUser(dataToSubmit) {
+ 
+     const request = Axios.post('/api/users/register', dataToSubmit)
+         .then( response => response.data )
+     return {
+         type: REGISTER_USER,
+         payload: request
+     }
+ }
\ No newline at end of file
--- a/turnel_FE/src/_reducers/index.js 0 → 100644
View file @fcab6ff
+++ b/turnel_FE/src/_reducers/index.js 0 → 100644
View file @fcab6ff
+ import { combineReducers } from 'redux';
+ import user from './user_reducer';
+ 
+ const rootReducer = combineReducers({
+     user
+ })
+ 
+ export default rootReducer;
--- a/turnel_FE/src/_reducers/user_reducer.js 0 → 100644
View file @fcab6ff
+++ b/turnel_FE/src/_reducers/user_reducer.js 0 → 100644
View file @fcab6ff
+ import {
+     LOGIN_USER, REGISTER_USER
+ } from '../_actions/types';
+ 
+ export default function (state = {}, action) {
+     switch (action.type) {
+         case LOGIN_USER:
+             return { ...state, loginSuccess: action.payload }
+             break;
+         case REGISTER_USER:
+             return {...state, registerSuccess: action.payload}
+             break;
+         default:
+             return state;
+     }
+ }
\ No newline at end of file
--- a/turnel_FE/src/component/views/LandingPage/LandingPage.js 0 → 100644
View file @fcab6ff
+++ b/turnel_FE/src/component/views/LandingPage/LandingPage.js 0 → 100644
View file @fcab6ff
+ import React from 'react'
+ //import axios from 'axios'
+ // import { response } from 'express'
+ 
+ function LandingPage() {
+ 
+     // useEffect(() => {
+     //     axios.get('/api/hello')
+     //         .then(response => console.log(response.data))
+     // }, [])
+ 
+     return (
+         <div>
+             LandingPage
+         </div>
+     )
+ }
+ 
+ export default LandingPage
+ 
--- a/turnel_FE/src/component/views/LoginPage/LoginPage.js
View file @fcab6ff
+++ b/turnel_FE/src/component/views/LoginPage/LoginPage.js
View file @fcab6ff
- import React, { useState } from "react";
+ import React, {useState} from "react";
 import "../style/LoginPage.scss";
 import { Icon, Input } from "semantic-ui-react"
 import { useNavigate } from "react-router-dom";
+ import {useDispatch} from "react-redux";
+ import { loginUser } from '../../../_actions/user_action'
 
- function LoginPage() {
+ function LoginPage(props) {
+     const dispatch = useDispatch();
     const navigate = useNavigate();
 
-     const [Email, setEmail] = useState("");
+     const [Id, setId] = useState("");
     const [Password, setPassword] = useState("");
 
     const onIdHandler = (event) => {
-         setEmail(event.currentTarget.value);
+         setId(event.currentTarget.value);
     };
     const onPasswordHandler = (event) => {
         setPassword(event.currentTarget.value);
     };
     const onSubmitHandler = (event) => {
         event.preventDefault();
-         console.log("Email", Email);
+         console.log("ID", Id);
         console.log("Password", Password);
+         let body = {
+             email: Id,
+             password: Password
+         }
+         dispatch(loginUser(body))
+             .then(response => {
+                 if (response.payload.loginSuccess) {
+                     props.history.push('/main')
+                 }
+                 else{
+                     alert('Error')
+                 }
+             })
+ 
     };
 
     const goToRegister = () => {
         navigate('/register');
     }
- 
     return (
         <div id="body">
             <div className="login-form">
@@ -34,9 +50,9 @@ function LoginPage() {
                         <Input
                             icon={<Icon name='at'/>}
                             iconPosition='left'
-                             placeholder="Email"
+                             placeholder="ID"
                             type="text"
-                             value={Email}
+                             value={Id}
                             autoComplete="off"
                             onChange={onIdHandler}/>
                     </div>
--- a/turnel_FE/src/component/views/LandingPage/MainPage.js → turnel_FE/src/component/views/MainPage/MainPage.js
View file @fcab6ff
+++ b/turnel_FE/src/component/views/LandingPage/MainPage.js → turnel_FE/src/component/views/MainPage/MainPage.js
View file @fcab6ff
- import {Button, Grid, Image, Segment} from "semantic-ui-react"
+ import {Button} from "semantic-ui-react"
 import "../style/MainPage.scss";
+ import { useNavigate } from "react-router-dom";
+ import { CKEditor } from '@ckeditor/ckeditor5-react';
+ import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
+ 
 function MainPage() {
+     const navigate = useNavigate();
+     const goToLogin = () =>{
+         navigate('/login');
+     }
     return (
         <div id="Main">
             <div className="Main-header">
@@ -8,7 +16,7 @@ function MainPage() {
                     <h1>Tunnel</h1>
                 </div>
                 <div className="None-title">
-                     <Button className="ui right floated button">
+                     <Button className="ui right floated button" onClick={()=>goToLogin()}>
                         Logout
                     </Button>
                 </div>
@@ -26,7 +34,24 @@ function MainPage() {
                     </div>
                     <div className="contents">
                         <div className="ui segment">
-                             <p>a</p>
+                             <CKEditor
+                                 editor={ClassicEditor}
+                                 data="<p>Hello from CKEditor 5!</p>"
+                                 onReady={editor => {
+                                     // You can store the "editor" and use when it is needed.
+                                     console.log('Editor is ready to use!', editor);
+                                 }}
+                                 onChange={(event, editor) => {
+                                     const data = editor.getData();
+                                     console.log({ event, editor, data });
+                                 }}
+                                 onBlur={(event, editor) => {
+                                     console.log('Blur.', editor);
+                                 }}
+                                 onFocus={(event, editor) => {
+                                     console.log('Focus.', editor);
+                                 }}
+                             />
                         </div>
                         <div className="ui segment">
                             <p>a</p>
@@ -45,7 +70,7 @@ function MainPage() {
                                 tabIndex="0">
                             <div className="visible content">도착한 글</div>
                             <div className="hidden content">
-                                 <i className="pencil alternate icon"></i>
+                                 <i className="paper plane ic    on"></i>
                             </div>
                         </Button>
                     </div>
--- a/turnel_FE/src/component/views/RegisterPage/RegisterPage.js
View file @fcab6ff
+++ b/turnel_FE/src/component/views/RegisterPage/RegisterPage.js
View file @fcab6ff
- import React, {useCallback, useState} from "react";
+ import React, {useState} from "react";
 import "../style/RegisterPage.scss";
- import { Form, Message, Button, Icon, Input } from "semantic-ui-react";
- import backgroundImg from "../images/register_background.png";
+ import { Button, Icon, Input } from "semantic-ui-react";
+ import {useDispatch} from "react-redux";
+ import { registerUser } from '../../../_actions/user_action'
 
- function RegisterPage() {
-     const [Email, setEmail] = useState("");
+ function RegisterPage(props) {
+     const dispatch = useDispatch();
+     const [Id, setId] = useState("");
     const [Password, setPassword] = useState("");
     const [PasswordCheck,setPasswordCheck] = useState("");
     const [Personality, setPersonality] = useState("");
-     const [PasswordError,setPasswordError] = useState(false);
 
     const onIdHandler = (event) => {
-         setEmail(event.currentTarget.value);
+         setId(event.currentTarget.value);
     };
     const onPasswordHandler = (event) => {
         setPassword(event.currentTarget.value);
@@ -19,22 +20,32 @@ function RegisterPage() {
     const onPersonalityHandler = (event) => {
         setPersonality(event.currentTarget.value);
     };
-     const onPasswordChkHandler = useCallback((event) => {
+     const onPasswordChkHandler = (event) => {
         //비밀번호를 입력할때마다 password 를 검증하는 함수
         setPasswordCheck(event.currentTarget.value);
-     },[PasswordCheck]);
-     const onSubmitHandler = useCallback((event) => {
+     };
+     const onSubmitHandler = (event) => {
         event.preventDefault();
-         if(Password !== PasswordCheck){
-             return setPasswordError(true);
+         console.log("ID", Id);
+         console.log("Password", Password);
+         console.log("MBTI", Personality);
+         if (Password !== PasswordCheck) {
+             return alert('비밀번호가 일치하지 않습니다.')
         }
-         else{
-             return setPasswordError(false);
+         let body = {
+             id: Id,
+             password: Password,
+             personality: Personality
         }
-         console.log("Email",Email);
-         console.log("Password", Password);
-     },[Password,PasswordCheck]);
- 
+         dispatch(registerUser(body))
+             .then(response => {
+                 if (response.payload.registerSuccess) {
+                     props.history.push('/login')
+                 } else {
+                     alert('Failed to sign up')
+                 }
+             })
+     }
     return (
         <div id="Register">
             <div className="register-form">
@@ -42,34 +53,33 @@ function RegisterPage() {
                     <h1>Tunnel</h1>
                     <div className="input-area">
                         <Input
-                             icon={<Icon name='at'/>}
+                             icon={<Icon name="id badge"/>}
                             iconPosition='left'
-                             placeholder="Email"
+                             placeholder="ID"
                             type="text"
-                             value={Email}
+                             value={Id}
                             autoComplete="off"
                             required onChange={onIdHandler}/>
                     </div>
                     <div className="input-area">
                         <Input
+                             icon={<Icon name='heart'/>}
+                             iconPosition='left'
+                             placeholder="Your MBTI"
+                             type="text"
+                             value={Personality}
+                             autoComplete="off"
+                             onChange={onPersonalityHandler}/>
+                     </div>
+                     <div className="input-area">
+                         <Input
                             icon={<Icon name='lock'/>}
                             iconPosition='left'
                             placeholder="Password"
                             type="password"
                             value={Password}
                             autoComplete="off"
-                             onChange={onPasswordHandler}
-                             onFocus={()=>setPasswordError(false)}/>
-                         {PasswordError &&
-                         <Form error>
-                             <Message
-                                 error
-                                 header='Action Forbidden'
-                                 content='You can only sign up for an account once with a given e-mail address.'
-                             />
-                             <Button>Submit</Button>
-                         </Form>
-                         }
+                             onChange={onPasswordHandler}/>
                     </div>
                     <div className="input-area">
                         <Input
@@ -79,32 +89,17 @@ function RegisterPage() {
                             type="password"
                             value={PasswordCheck}
                             autoComplete="off"
-                             onChange={onPasswordChkHandler}
-                         onFocus={()=>setPasswordError(false)}/>
- 
-                     </div>
-                     <div className="input-area">
-                         <Input
-                             icon={<Icon name='heart'/>}
-                             iconPosition='left'
-                             placeholder="Your MBTI"
-                             type="text"
-                             value={Personality}
-                             autoComplete="off"
-                             onChange={onPersonalityHandler}/>
+                             onChange={onPasswordChkHandler}/>
                     </div>
                     <div className="btn-area" >
                         <Button className='register-btn'
                                 content='Sign up'
                                 icon='signup'
-                                 size='small'
-                                 iconPosition='left'/>
+                                 size='small'/>
                     </div>
                 </form>
             </div>
- 
         </div>
     );
 }
- 
 export default RegisterPage;
--- a/turnel_FE/src/index.js
View file @fcab6ff
+++ b/turnel_FE/src/index.js
View file @fcab6ff
 import React from 'react';
 import ReactDOM from 'react-dom';
+ import {Provider} from "react-redux";
 import './index.css';
 import App from './App';
 import 'semantic-ui-css/semantic.min.css'
+ import {applyMiddleware, createStore} from "redux";
+ import promiseMiddleware from 'redux-promise-middleware'
+ import ReduxThunk from 'redux-thunk'
+ import Reducer from './_reducers';
 
+ const createStoreWithMiddleWare = applyMiddleware(promiseMiddleware, ReduxThunk)(createStore)
 ReactDOM.render(
-   <React.StrictMode>
-     <App />
-   </React.StrictMode>,
+       <Provider  store={createStoreWithMiddleWare(Reducer,
+           window.__REDUX_DEVTOOLS_EXTENSION__ &&
+           window.__REDUX_DEVTOOLS_EXTENSION__()
+       )}>
+           <App />
+       </Provider>,
   document.getElementById('root')
 );
 
--- a/turnel_FE/src/logo.svg deleted 100644 → 0
View file @ecb220a
+++ b/turnel_FE/src/logo.svg deleted 100644 → 0
View file @ecb220a
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
\ No newline at end of file
--- a/turnel_FE/src/setupProxy.js 0 → 100644
View file @fcab6ff
+++ b/turnel_FE/src/setupProxy.js 0 → 100644
View file @fcab6ff
+ const { createProxyMiddleware } = require('http-proxy-middleware');
+ module.exports = function(app) {
+     app.use(
+         '/api',
+         createProxyMiddleware({
+             target: 'http://localhost:3000',
+             changeOrigin: true,
+         })
+     );
+ };
\ No newline at end of file