[docs] README.md 보완하기 (#59)

* docs : README.MD 프로젝트 상세 추가

* docs : 사진 추가

README.md

@@ -1,11 +1,49 @@
-# web07-GBS
-금쪽이들의 방송 플랫폼
+# web07-GBS (금쪽이들의 방송 플랫폼)
+
+## 프로젝트 개요
+
+"금쪽이들의 방송 플랫폼"은 트위치, 아프리카와 같은 실시간 방송 스트리밍 서비스입니다. 이 프로젝트는 스트리밍 기술의 내부 작동 방식을 탐구하고, 기술적 도전을 통해 팀원들의 성장을 목표로 합니다.
 
 ## 금쪽이들 팀 소개
 
-|👑J136 정명희|J011 김경근|J158 최상원|J164 한원준|
-|:-:|:-:|:-:|:-:|
-|BE|BE|FE|FE|
-|<img src="https://avatars.githubusercontent.com/u/92200502?v=4" width=150>|<img src="https://avatars.githubusercontent.com/u/97646802?v=4" width=150>|<img src="https://avatars.githubusercontent.com/u/21211957?v=4" width=150>|<img src="https://avatars.githubusercontent.com/u/119842443?v=4" width=150>|
-|[@jmhee28](https://github.com/jmhee28)|[@kkg5](https://github.com/kkg5)|[@ChoiSangwon](https://github.com/ChoiSangwon)|[@top-chaser](https://github.com/top-chaser)|
+| 👑J136 정명희 | J011 김경근 | J158 최상원 | J164 한원준 |
+| :-----------: | :---------: | :---------: | :---------: |
+|      BE       |      BE     |     FE      |     FE      |
+| ![J136 정명희](https://avatars.githubusercontent.com/u/92200502?v=4) | ![J011 김경근](https://avatars.githubusercontent.com/u/97646802?v=4) | ![J158 최상원](https://avatars.githubusercontent.com/u/21211957?v=4) | ![J164 한원준](https://avatars.githubusercontent.com/u/119842443?v=4) |
+| [jmhee28](https://github.com/jmhee28) | [kkg5](https://github.com/kkg5) | [ChoiSangwon](https://github.com/ChoiSangwon) | [top-chaser](https://github.com/top-chaser) |
+
+## 프로젝트 진행상황
+
+- [❤️ 그라운드 룰](그라운드-룰)
+- [📜 깃 컨벤션](깃-컨벤션)
+- [🎨 Figma](https://www.figma.com/file/16PQPx7fxsQy1hIq4L7bJd/%EA%B8%88%EC%AA%BD%EC%9D%B4%EB%93%A4?type=design&node-id=0%3A1&mode=dev)
+- [📌 FigJam](https://www.figma.com/file/NarTnhNImVLZ7tNeBIt7uV/%EA%B8%88%EC%AA%BD%EC%9D%B4%EB%93%A4?type=whiteboard&node-id=0-1&t=jp40Lhigs4VzBHS2-0)
+- [💡 Backlog](https://docs.google.com/spreadsheets/d/1W500mLy8KgB72Z6Jxu3mU7P4NrGy8EdgYLOWiS0iAfE/edit?usp=sharing)
+- [📋 회의록](회의록)
+
+
+## 기술 스택 및 도구
+- 프론트엔드: React, Vite, Recoil, Styled Components
+- 백엔드: [백엔드 기술 스택 상세 설명]
+- 데이터베이스: [데이터베이스 선택 및 설명]
+- 개발 도구: Git, GitHub, Notion
+
+## 프로젝트 상세
+### 백엔드
+- 백엔드는 스트리밍 서비스의 핵심 기능을 처리합니다. 아래는 서버 아키텍처 및 CI/CD 프로세스에 대한 설명입니다.
+
+
+- 서버 아키텍처
+<img width="684" alt="스크린샷 2023-11-22 오전 9 26 28" src="https://github.com/boostcampwm2023/web07-GBS/assets/21211957/45da0214-3d3f-4ad7-858c-32af2a993f7f">
+
+- CI/CD
+<img width="456" alt="스크린샷 2023-11-22 오전 9 26 37" src="https://github.com/boostcampwm2023/web07-GBS/assets/21211957/c08abf7c-90c1-4fe3-b1d0-4f6055861b58">
+
+
+### 프론트엔드
+프론트엔드는 사용자 인터페이스를 담당하며, 다음과 같은 기술을 사용합니다.
 
+- 패키지 매니저: Yarn
+- 번들러: Vite
+- 상태관리 라이브러리: Recoil
+- 스타일링: Styled Components