[DOCS] 최종 리드미 작성

README.md

@@ -1,18 +1,27 @@
-# VECO Frontend
-
+# 🐯 VECO
 VECO는 **AI를 활용해 분산된 정보를 한곳에 모으고, 목표를 명확히 추적하며 협업을 효율화하는 시스템**입니다.  
 이 저장소는 VECO의 **프론트엔드 개발을 담당하는 레포지토리**입니다.
+<br />
+<br />
+<img width="3284" height="1975" alt="image" src="https://github.com/user-attachments/assets/5e51ab8c-de57-4a81-8b10-fd7d96b7e7f1" />
+
+
 
 ---
 
 ## 📦 기술 스택
 
-- React
-- TypeScript
-- Vite
-- Tailwind CSS
-- ESLint (Flat Config)
-- Prettier
+| 역할                 | 종류                                                                                                                                                                                                                 |
+| -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Library              | ![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=white) ![VITE](https://img.shields.io/badge/VITE-646CFF?style=for-the-badge&logo=Vite&logoColor=white)                   |
+| Programming Language | ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6.svg?style=for-the-badge&logo=TypeScript&logoColor=white)                                                                                                |
+| Styling              |  <img src="https://img.shields.io/badge/-Tailwind%20CSS-%231a202c?style=for-the-badge&logo=tailwind-css" alt="TailwindCSS Badge" />|
+| Data Fetching        | ![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=Axios&logoColor=white) <img src="https://img.shields.io/badge/TanStack%20Query-FF4154?style=for-the-badge&logo=TanStack-Query&logoColor=white" alt="TanStack Query Badge" /> |
+| Formatting           | ![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white) ![Prettier](https://img.shields.io/badge/Prettier-F7B93E?style=for-the-badge&logo=prettier&logoColor=white)    |
+| Package Manager      | ![Npm](https://img.shields.io/badge/npm%20-grey?style=for-the-badge&logo=npm)                                                                                                                      |
+| Version Control      | ![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)     |
+| State Management     | <img src="https://img.shields.io/badge/Zustand-2D3748?style=for-the-badge&logo=Zustand&logoColor=white" alt="Zustand Badge" />  |
+| Deploy               | <img src="https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=Vercel&logoColor=white" alt="Vercel Badge" /> |
 
 ---
 
@@ -26,7 +35,6 @@ npm install
 npm run dev
 ```
 
----
 
 ## 🔧 작업 전 공통 절차: develop 브랜치 최신화
 
@@ -38,13 +46,15 @@ git checkout develop
 git pull origin develop
 ```
 
+
 ## 🛠 브랜치 생성
 
 ```bash
 # develop 최신화 후 작업 브랜치 생성
 git checkout -b feature/#이슈번호-스크린ID-작업명
 ```
 
+
 ## 🚀 PR 전 점검 및 병합
 
 ```bash
@@ -60,3 +70,28 @@ git merge develop
 
 # 충돌 해결 후 커밋
 ```
+
+---
+
+## 📏 컨벤션
+
+- 🌿 [Commit Convention](https://pretty-tumbleweed-40b.notion.site/Github-Commit-Convention-2212d37cca1180f882f6c607935e07bb?source=copy_link)
+- 🪵 [Branch Convention](https://pretty-tumbleweed-40b.notion.site/Github-Branch-Convention-2212d37cca1180b99416cae996470a9d?source=copy_link)
+- 📌 [Issue Convention](https://pretty-tumbleweed-40b.notion.site/ISSUE-2212d37cca1180b5b904fc4ea5653f54?source=copy_link)
+- ✅ [PR Convention](https://pretty-tumbleweed-40b.notion.site/PR-2212d37cca1180608135d6bccffeaed6?source=copy_link)
+
+---
+
+## 📖 아티클 모음
+| 이름     | 아티클 제목                                                                                                                             |
+| ------ | ---------------------------------------------------------------------------------------------------------------------------------- |
+| 🍀 김선화 | [데모데이 트러블슈팅](https://velog.io/@sunhwaa/UMC-01)                                                                                                                  |
+| 🍒 박유민 | [Onboarding & 토큰 이슈 해결기](https://velog.io/@waldls/VECO-9zb3jefr)                                                                                                 |
+| 💎 박진주 | [DOM 업데이트와 댓글 스크롤 타이밍 문제 해결기](https://icems0428.tistory.com/25)                                                                                             |
+| 🎀 염주원 | [트러블슈팅 모음](https://velog.io/@hijuwon/%EB%B0%B1%ED%98%B8-Veco-%ED%8A%B8%EB%9F%AC%EB%B8%94%EC%8A%88%ED%8C%85-%EB%AA%A8%EC%9D%8C) |
+| 🍁 이가을 | [다른 도메인 간 쿠키 이슈 해결기](https://velog.io/@gaeulzzang/다른-도메인-간-쿠키-이슈-해결기)                                                              |
+
+<br/>
+<br/>
+
+---