📝: GitHub에서 수정한 README.md 입니다.

해당 커밋은 GitHub에서 수정했습니다.

README.md

@@ -1,12 +1,59 @@
 # Your-Side
 <img src="./src/Global/image/logo.png" alt="alt text" width="300px">
 
+<br>
+
+# List
+<details close>
+  <summary>목차</summary>
+  <ul>
+    <li><a href="#your-side">Your-Side</a></li>
+    <li><a href="#project-한줄평">Project-한줄평</a></li>
+    <li><a href="#contact">Contact</a></li>
+    <li><a href="#web-link">Web Link</a>
+      <ul>
+        <li><a href="#web-site">Web-Site</a></li>
+        <li><a href="#web-front-develop-document">Web-Front-Develop-Document</a></li>
+        <li><a href="#team-document">Team-Document</a></li>
+      </ul>
+    </li>
+    <li><a href="#develop">Develop</a>
+      <ul>
+        <li><a href="#front-skill">Front-Skill</a></li>
+        <li><a href="#code-quality-and-formatting">Code Quality and Formatting</a></li>
+        <li><a href="#tool">Tool</a></li>
+        <li><a href="#distribution">Distribution</a></li>
+      </ul>
+    </li>
+    <li><a href="#web-page-preview">Web Page Preview</a>
+      <ul>
+        <li><a href="#main-page">Main Page</a></li>
+        <li><a href="#login-page">Login/SignUp Page</a></li>
+        <li><a href="#my-page">My Page</a></li>
+        <li><a href="#contractreview-page">ContractReview Page</a></li>
+        <li><a href="#workarrangement-page">WorkArrangement Page</a></li>
+        <li><a href="#questionandanswer-page">QuestionAndAnswer Page</a></li>
+        <li><a href="#modal">Modal</a></li>
+      </ul>
+    </li>
+    <li><a href="#project-contributors">Project Contributors</a>
+      <ul>
+        <li><a href="#project-manager">Project Manager</a></li>
+        <li><a href="#designer">Designer</a></li>
+        <li><a href="#frontend">Frontend</a></li>
+        <li><a href="#backend">Backend</a></li>
+      </ul>
+    </li>
+  </ul>
+</details>
+
+
 ## Your-Side는 네편 입니다.
 근로계약서 검토 너무 어려우신가요?
 
 나는 지금 알맞은 월급을 받고 있을까요?
 
-세세한 근로법이 어려운 ***‘네편’*** 이 되어줄 [네편]()에서 확인해세요!
+세세한 근로법이 어려운 ***‘네편’*** 이 되어줄 [네편](https://your-side.vercel.app/ "Your-Side-Web")에서 확인해세요!
 
 ## Project-한줄평
 - 4Bee/김동우 : 우여곡절이 많았지만 끝까지 프로젝트를 마칠 수 있어서 팀원들고 기다려준 많은 분들게 감사하다고 전하고 싶습니다. 앞으로 있을 버전 2도 열심히 준비해서 좋은 모습 보여드리 겠습니다.
@@ -15,55 +62,135 @@
 
 - 윤예진 :
 
-# Front-Skill
-<img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white">
-<img src="https://img.shields.io/badge/React-2B2B2B?style=for-the-badge&logo=React&logoColor=#">
-<img src="https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=Sass&logoColor=white">
-<img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=white">
-<img src="https://img.shields.io/badge/jsDoc-F89901?style=for-the-badge&logo=javascript&logoColor=black">
+## Contact
+
+## Web Link
+Web-Site
+<div>
+  <a href="https://www.notion.so/4bfc/77a113431d0c43afbd318f291c38a6e0" title="Your-Side-Notion">
+    <img src="https://img.shields.io/badge/YourSide-204598?style=for-the-badge&logo=google-chrome&logoColor=white" alt="YourSide">
+  </a>
+</div>
+
+Web-Front-Develop-Document
+<div>
+  <a href="https://your-side-front-doc.vercel.app/" title="Your-Side-Develop-Document">
+    <img src="https://img.shields.io/badge/Document-212529?style=for-the-badge&logo=javascript&logoColor=#" alt="YourSide">
+  </a>
+</div>
+
+Team-Document
+<div>
+  <a href="https://www.notion.so/4bfc/77a113431d0c43afbd318f291c38a6e0" title="Your-Side-Notion">
+    <img src="https://img.shields.io/badge/notion-black?style=for-the-badge&logo=notion&logoColor=white" alt="Notion">
+  </a>
+  <a href="https://github.com/HSU-Likelion12-yourSide" title="Your-side-GitHub">
+    <img src="https://img.shields.io/badge/github-333333?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
+  </a>
+  <a href="https://www.figma.com/design/TDsnsYM8pnk7EhgJrvYMwp/2024-%EB%B6%80%EA%B8%B0%ED%86%A4-%EB%84%A4%ED%8E%B8-%EC%99%80%EC%9D%B4%EC%96%B4%ED%94%84%EB%A0%88%EC%9E%84?t=mrFVdoDi8mEejn1z-0" title="Your-side-Figma">
+    <img src="https://img.shields.io/badge/Figma-FE5196?style=for-the-badge&logo=Figma&logoColor=black" alt="Figma">
+  </a>
+  <a href="https://discord.gg/S7rKVkXB" title="Your-side-Discord">
+    <img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Discord">
+  </a>
+</div>
+
+<br>
+
+# Develop
+<div>
+  <h3>Front-Skill</h3>
+  <div>
+    <img src="https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=white">
+    <img src="https://img.shields.io/badge/React-2B2B2B?style=for-the-badge&logo=React&logoColor=#">
+    <img src="https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=Sass&logoColor=white">
+    <img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=white">
+    <img src="https://img.shields.io/badge/JSDoc-212529?style=for-the-badge&logo=javascript&logoColor=#">
+    <br>
+    <img src="https://img.shields.io/badge/Json-000000?style=for-the-badge&logo=Json&logoColor=white">
+    <img src="https://img.shields.io/badge/.env-ECD53F?style=for-the-badge&logo=.env&logoColor=black">
+    <img src="https://img.shields.io/badge/axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white">
+    <img src="https://img.shields.io/badge/react router-CA4245?style=for-the-badge&logo=react router&logoColor=white">
+    <br>
+    <img src="https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white">
+    <img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=black">
+    <img src="https://img.shields.io/badge/sourcetree-0052CC?style=for-the-badge&logo=sourcetree&logoColor=white">
+  </div>
+
+<h3>Code Quality and Formatting</h3>
+
+  <div>
+    <img src="https://img.shields.io/badge/ESLint-4B32C3?style=for-the-badge&logo=ESLint&logoColor=white">
+    <img src="https://img.shields.io/badge/Airbnb-FF5A5F?style=for-the-badge&logo=Airbnb&logoColor=white">
+    <img src="https://img.shields.io/badge/prettier-1B2B2B?style=for-the-badge&logo=prettier&logoColor=F7B93E">
+  </div>
+
+  <h3>Tool</h3>
+
+  <div>
+    <img src="https://img.shields.io/badge/github-333333?style=for-the-badge&logo=github&logoColor=white">
+    <img src="https://img.shields.io/badge/notion-black?style=for-the-badge&logo=notion&logoColor=white">
+    <img src="https://img.shields.io/badge/Figma-FE5196?style=for-the-badge&logo=Figma&logoColor=black">
+    <img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white">
+  </div>
+
+  <h3>Distribution</h3>
+
+  <div>
+    <img src="https://img.shields.io/badge/vercel-171C36?style=for-the-badge&logo=vercel&logoColor=#">
+  </div>
+</div>
+<br>
+<br>
+
+# Web Page Preview
 
-<img src="https://img.shields.io/badge/Json-000000?style=for-the-badge&logo=Json&logoColor=white">
-<img src="https://img.shields.io/badge/.env-ECD53F?style=for-the-badge&logo=.env&logoColor=black">
-<img src="https://img.shields.io/badge/axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white">
-<img src="https://img.shields.io/badge/react router-CA4245?style=for-the-badge&logo=react router&logoColor=white">
-
-### Configuration and PackageManager
-<img src="https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white">
-<img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=black">
-<img src="https://img.shields.io/badge/sourcetree-0052CC?style=for-the-badge&logo=sourcetree&logoColor=white">
+### Main Page
 
-### Code Quality and Formatting
-<img src="https://img.shields.io/badge/ESLint-4B32C3?style=for-the-badge&logo=ESLint&logoColor=white">
-<img src="https://img.shields.io/badge/Airbnb-FF5A5F?style=for-the-badge&logo=Airbnb&logoColor=white">
-<img src="https://img.shields.io/badge/prettier-1B2B2B?style=for-the-badge&logo=prettier&logoColor=F7B93E">
+### Login Page
 
-## Tool
-<img src="https://img.shields.io/badge/github-333333?style=for-the-badge&logo=github&logoColor=white">
-<img src="https://img.shields.io/badge/notion-44C1C5?style=for-the-badge&logo=notion&logoColor=black">
-<img src="https://img.shields.io/badge/Figma-FE5196?style=for-the-badge&logo=Figma&logoColor=black">
-<img src="https://img.shields.io/badge/discord-5865F2?style=for-the-badge&logo=discord&logoColor=white">
+### SignUp Page
 
-## Distribution
-<img src="https://img.shields.io/badge/vercel-171C36?style=for-the-badge&logo=vercel&logoColor=#">
+### My Page
 
-# introduce
+### ContractReview Page
 
-### Main Page
+### WorkArrangement Page
 
-### Page
+### My Page
 
-### Page
+### QuestionAndAnswer Page
 
-### Page
+### Modal
 
-### Page
+<br>
 
 ## Project Contributors
 
+### [Project Manager](https://www.instagram.com/)
+|   |   
+|---|
+| <img src="https://github.com/user-attachments/assets/a5e55697-b75d-4180-b8a0-41c9d98d9119" width="120">|
+ Project Manager | 
+[이남희](https://www.instagram.com/)  
+
+### [Designer](https://www.figma.com/design/TDsnsYM8pnk7EhgJrvYMwp/2024-%EB%B6%80%EA%B8%B0%ED%86%A4-%EB%84%A4%ED%8E%B8-%EC%99%80%EC%9D%B4%EC%96%B4%ED%94%84%EB%A0%88%EC%9E%84?t=mrFVdoDi8mEejn1z-0)
+|   |   
+|---|
+| <img src="https://github.com/user-attachments/assets/6b37d3ef-fb38-430c-8d11-ca646c2aee61" width="120">|
+ Designer | 
+[권기남](https://www.figma.com/design/TDsnsYM8pnk7EhgJrvYMwp/2024-%EB%B6%80%EA%B8%B0%ED%86%A4-%EB%84%A4%ED%8E%B8-%EC%99%80%EC%9D%B4%EC%96%B4%ED%94%84%EB%A0%88%EC%9E%84?t=mrFVdoDi8mEejn1z-0)  
+
+### [Frontend](https://github.com/HSU-Likelion12-yourSide/YourSide-Front)
 |   |   |   |   
 |---|---|---|
 | <img src="https://avatars.githubusercontent.com/u/109135643?v=4" width="120"> | <img src="https://avatars.githubusercontent.com/u/156324288?v=4" width="120"> | <img src="https://avatars.githubusercontent.com/u/138736197?v=4" width="120"> |
  Frontend | Frontend/Backend | Frontend 
 [4Bee/김동우](https://github.com/4BFC) | [임혜정](https://github.com/frombunny) | [윤예진](https://github.com/nyun-nye) 
 
-
+### [Backend](https://github.com/HSU-Likelion12-yourSide/YourSide-Server)
+|   |   |   |   
+|---|---|---|
+| <img src="https://avatars.githubusercontent.com/u/77336664?v=4" width="120"> | <img src="https://avatars.githubusercontent.com/u/147326233?v=4" width="120"> | <img src="https://avatars.githubusercontent.com/u/156324288?v=4" width="120"> |
+ Backend | Backend | Frontend/Backend
+[이현승](https://github.com/gesal03) | [김혜진](https://github.com/khyaejin) | [임혜정](https://github.com/frombunny)