Merge branch 'main' of https://github.com/ColorPlus-hanseithon/frontend into main

Author: ananjaemin

README.md

@@ -0,0 +1,64 @@
+Hansei Cyber Security High School  
+4TH HANSEITHON project  
+team sunonethree ✨  
+
+
+# demo images
+![image](https://user-images.githubusercontent.com/62207008/147408688-da2b57de-9fc8-46fa-ba07-4c16d7e59be3.png)  
+![image](https://user-images.githubusercontent.com/62207008/147408691-b27e5221-4131-4513-86e3-708952504be6.png)  
+
+
+# code tree
+```
+.
+├── build
+│   ├── asset-manifest.json
+│   ├── favicon.ico
+│   ├── index.html
+│   ├── logo192.png
+│   ├── logo512.png
+│   ├── manifest.json
+│   ├── robots.txt
+│   └── static
+├── color-of-the-year
+│   ├── README.md
+│   ├── SidebarData.js
+│   ├── node_modules
+│   ├── package.json
+│   ├── public
+│   ├── src
+│   └── yarn.lock
+├── css
+│   ├── color_fusion.css
+│   ├── colorpicker.css
+│   ├── colorpicker2.css
+│   ├── header.css
+│   ├── main.css
+│   ├── main_color_Extraction.css
+│   ├── reset.css
+│   └── sidebar.css
+├── html
+│   ├── color_Extraction.html
+│   └── color_of_the_year.html
+├── img
+│   └── colorplus.png
+├── index.html
+├── js
+│   ├── app.js
+│   └── color_Extraction.js
+├── navbar
+│   ├── README.md
+│   ├── build
+│   ├── node_modules
+│   ├── package.json
+│   ├── public
+│   ├── src
+│   └── yarn.lock
+└── node_modules
+    ├── @babel
+    ├── history
+    ├── react-router
+    ├── react-router-dom
+    └── regenerator-runtime
+ ```
+