Update README.md

Author: bellasimi

README.md

@@ -72,15 +72,68 @@
 
 # 🚀사용 기술
 
-- 언어: HTML, CSS, JavaScript
-- IDE: VSCode
-- 상태관리: Context API
-- 라이브러리: React, React Router, emotion 등
-- 프레임워크: Storybook
-- 패키지 관리: yarn
-- ETC: ESLint, Prettier
-- 배포: Netlify
-- 협업 툴: github, git, Notion, Slack, Figma
+<table>
+<tr>
+ <td align="center">언어</td>
+ <td align="center">
+  <img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=HTML5&logoColor=ffffff"/>
+  <img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=CSS3&logoColor=ffffff"/>
+  <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=JavaScript&logoColor=ffffff"/>
+ </td>
+</tr>
+<tr>
+ <td align="center">IDE</td>
+ <td align="center">
+    <img src="https://img.shields.io/badge/VisualStudioCode-007ACC?style=for-the-badge&logo=Visual%20Studio%20Code&logoColor=white"/>&nbsp </td>
+</tr>
+<tr>
+ <td align="center">상태관리</td>
+ <td align="center">
+  <img src="https://img.shields.io/badge/ContextAPI-blue?style=for-the-badge&logo=React&logoColor=ffffff"/>&nbsp  
+ </td>
+</tr>
+<tr>
+ <td align="center">라이브러리</td>
+ <td align="center">
+  <img src="https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=ffffff"/>&nbsp  
+  <img src="https://img.shields.io/badge/Emotion-DB7093?style=for-the-badge&logo=emotion&logoColor=ffffff"/> &nbsp 
+  <img src="https://img.shields.io/badge/Axios-8DD6F9?style=for-the-badge"/>...&nbsp </td>
+</tr>
+<tr>
+ <td align="center">프레임워크</td>
+ <td align="center">
+     <img src="https://img.shields.io/badge/Storybook-FF4785?style=for-the-badge&logo=GitHub&logoColor=white"/>&nbsp 
+ </td>
+</tr>
+<tr>
+ <td align="center">패키지관리</td>
+ <td align="center">
+    <img src="https://img.shields.io/badge/Yarn-2C8EBB?style=for-the-badge&logo=GitHub&logoColor=white"/>&nbsp 
+  </td>
+</tr>
+<tr>
+ <td align="center">Formatter</td>
+ <td align="center">
+  <img src="https://img.shields.io/badge/ESLint-4B32C3?style=for-the-badge&logo=ESLint&logoColor=ffffff"/> &nbsp 
+  <img src="https://img.shields.io/badge/Prettier-F7B93E?style=for-the-badge&logo=Prettier&logoColor=ffffff"/>&nbsp </td>
+</tr>
+<tr>
+ <td align="center">배포</td>
+ <td align="center"><img src="https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=Netlify&logoColor=ffffff"/>&nbsp </td>
+</tr>
+<tr>
+ <td align="center">협업툴</td>
+ <td align="center">
+    <img src="https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=Figma&logoColor=white"/>&nbsp 
+    <img src="https://img.shields.io/badge/Slack-4A154B?style=for-the-badge&logo=Slack&logoColor=white"/>&nbsp 
+    <img src="https://img.shields.io/badge/Notion-000000?style=for-the-badge&logo=Notion&logoColor=white"/>&nbsp 
+    <img src="https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=GitHub&logoColor=white"/>&nbsp 
+ 
+ </td>
+</tr>
+
+</table>
+
 
 <br />