Merge pull request #229 from Garodden/sjh101111-patch-1

Update README.md

README.md

@@ -1,13 +1,10 @@
 #  1inked-1n
-
+
+## 목차
 -------------------------  
-### 프론트엔드 : <img alt="react" src ="https://img.shields.io/badge/React-61DAFB.svg?&style=for-the-badge&logo=React&logoColor=black"/> <img alt="HTML" src ="https://img.shields.io/badge/html5-E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/> <img alt="CSS" src ="https://img.shields.io/badge/css3-1572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/> <img alt="JavaScript" src ="https://img.shields.io/badge/JavaScript-F7DF1E.svg?&style=for-the-badge&logo=javascript&logoColor=black"/> <img alt="tailwind" src ="https://img.shields.io/badge/tailwind-06B6D4.svg?&style=for-the-badge&logo=tailwindcss&logoColor=white"/> <img alt="shadcn-ui" src ="https://img.shields.io/badge/shadcn/ui-000000.svg?&style=for-the-badge&logo=shadcnui&logoColor=white"/> <img alt="Vite" src ="https://img.shields.io/badge/Vite-646CFF.svg?&style=for-the-badge&logo=Vite&logoColor=white"/>      
-### 백엔드 : <img alt="SpringBoot" src ="https://img.shields.io/badge/Spring Boot-6DB33F.svg?&style=for-the-badge&logo=Spring Boot&logoColor=white"/> <img alt="SpringSecurity" src ="https://img.shields.io/badge/Spring Security-6DB33F.svg?&style=for-the-badge&logo=springsecurity&logoColor=white"/> <img alt="Hibernate" src ="https://img.shields.io/badge/hibernate-59666C.svg?&style=for-the-badge&logo=hibernate&logoColor=white"/> <img alt="JPA" src ="https://img.shields.io/badge/JPA-6DB33F.svg?&style=for-the-badge&logo=jpa&logoColor=white"/> <img alt ="JAVA" src="https://img.shields.io/badge/java-007396?style=for-the-badge&logo=java&logoColor=white">   
-### DB : <img alt="MYSQL" src ="https://img.shields.io/badge/MySQL-4479A1.svg?&style=for-the-badge&logo=MySQL&logoColor=white"/>  
-### 배포 및 클라우드 : <img alt="AmazonEC2" src ="https://img.shields.io/badge/Amazon EC2-FF9900.svg?&style=for-the-badge&logo=Amazon EC2&logoColor=white"/> <img alt="AmazonS3" src ="https://img.shields.io/badge/Amazon S3-569A31.svg?&style=for-the-badge&logo=Amazon S3&logoColor=white"/>  <img alt="AmazonRDS" src ="https://img.shields.io/badge/Amazon RDS-527FFF.svg?&style=for-the-badge&logo=Amazon RDS&logoColor=white"/>        
-### CI/CD : <img alt="githubactions" src ="https://img.shields.io/badge/github actions-2088FF.svg?&style=for-the-badge&logo=githubactions&logoColor=white"/> <img alt="Amazon CodeDeploy" src ="https://img.shields.io/badge/Amazon CodeDeploy-6DB33F.svg?&style=for-the-badge&logo=Amazon CodeDeploy&logoColor=white"/>
 
-## 🗒️ 소개
+
+## 🗒️ 0. 🙌프로젝트 소개
 - 당신의 해외 취업을 도와줄 사이트
 - 각 분야 전문가와 매칭 될 수 있는 사이트
 
@@ -17,15 +14,47 @@
 ****
 
 ### 1. 💻 개발 환경
-- 프론트엔드: React, HTML, CSS, JavaScript, tailwind, shadcn-ui, vite
-- 백엔드: Spring Boot, Spring Security, Hibernate, JPA, JAVA
-- DB: MySQL
-- 배포 및 클라우드: Amazon EC2, Amazon S3, Amazon RDS
-- CI/CD: GitHub Actions, Amazon CodeDeploy
-- 협업도구:Github, Notion, Miro, ERD Cloud, Figma
+### [프론트엔드] 
+<div>
+  <img alt="react" src ="https://img.shields.io/badge/React-61DAFB.svg?&style=for-the-badge&logo=React&logoColor=black"/> 
+  <img alt="HTML" src ="https://img.shields.io/badge/html5-E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/> 
+  <img alt="CSS" src ="https://img.shields.io/badge/css3-1572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/> 
+  <img alt="JavaScript" src ="https://img.shields.io/badge/JavaScript-F7DF1E.svg?&style=for-the-badge&logo=javascript&logoColor=black"/> 
+  <img alt="tailwind" src ="https://img.shields.io/badge/tailwind-06B6D4.svg?&style=for-the-badge&logo=tailwindcss&logoColor=white"/> 
+  <img alt="shadcn-ui" src ="https://img.shields.io/badge/shadcn/ui-000000.svg?&style=for-the-badge&logo=shadcnui&logoColor=white"/> 
+  <img alt="Vite" src ="https://img.shields.io/badge/Vite-646CFF.svg?&style=for-the-badge&logo=Vite&logoColor=white"/>      
+</div>
+
+### [백엔드] 
+<div>
+  <img alt="SpringBoot" src ="https://img.shields.io/badge/Spring Boot-6DB33F.svg?&style=for-the-badge&logo=Spring Boot&logoColor=white"/> 
+  <img alt="SpringSecurity" src ="https://img.shields.io/badge/Spring Security-6DB33F.svg?&style=for-the-badge&logo=springsecurity&logoColor=white"/> 
+  <img alt="Hibernate" src ="https://img.shields.io/badge/hibernate-59666C.svg?&style=for-the-badge&logo=hibernate&logoColor=white"/> 
+  <img alt="JPA" src ="https://img.shields.io/badge/JPA-6DB33F.svg?&style=for-the-badge&logo=jpa&logoColor=white"/> 
+  <img alt ="JAVA" src="https://img.shields.io/badge/java-007396?style=for-the-badge&logo=java&logoColor=white">   
+</div>
+
+### [DB] 
+<img alt="MYSQL" src ="https://img.shields.io/badge/MySQL-4479A1.svg?&style=for-the-badge&logo=MySQL&logoColor=white"/>
+
+### [배포 및 클라우드]
+<div>
+  <img alt="AmazonEC2" src ="https://img.shields.io/badge/Amazon EC2-FF9900.svg?&style=for-the-badge&logo=Amazon EC2&logoColor=white"/> 
+  <img alt="AmazonS3" src ="https://img.shields.io/badge/Amazon S3-569A31.svg?&style=for-the-badge&logo=Amazon S3&logoColor=white"/>  <img alt="AmazonRDS" src ="https://img.shields.io/badge/Amazon RDS-527FFF.svg?&style=for-the-badge&logo=Amazon RDS&logoColor=white"/>        
+</div>
+
+### [CI/CD] 
+<img alt="githubactions" src ="https://img.shields.io/badge/github actions-2088FF.svg?&style=for-the-badge&logo=githubactions&logoColor=white"/> <img alt="Amazon CodeDeploy" src ="https://img.shields.io/badge/Amazon CodeDeploy-6DB33F.svg?&style=for-the-badge&logo=Amazon CodeDeploy&logoColor=white"/>
+
+### [협업 도구]
+<div>
+    <img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white">
+    <img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white">
+</div>
 
 ### 2. 기능 정의서
 [1inked 1n 기능 정의서](https://www.notion.so/oreumi/277fcbe54a704fa5bdef217d0d61f6f0)
+
 ### 공통
 ||
 |--------------------|