docs : 인프라 아키텍처 수정, ci cd 부분 추가

README.md

@@ -1,4 +1,39 @@
-# Plate-api
+# [Zero Plate Wiki](https://zero-plate.netlify.app/)
+공릉동 음식점에 대한 정보를 정리한 위키 
+
+## 주요기능
+### 🔔 공릉동에 있는 음식점들에 대해 한눈에 볼 수 있어요! 
+관리자가 엄선한 공릉동 맛집 리스트를 기반으로 만들었어요
+<p align="left" >
+<img width ="30%" src="https://github.com/Astin01/plate-web/assets/60924984/bfd71722-15d7-4179-afab-dd9f46770ca8" / >
+</p>
+
+### 📢 위키에 기여해보세요! 
+위키 내용이 마음에 안든다면 내용을 제안해보세요 
+<p align="left" >
+<img width ="30%" src="https://github.com/Astin01/plate-web/assets/60924984/911d1dcd-c681-4093-bfbb-332cf104453f" / >
+</p>
+
+### 🤔 어떻게 수정할 지 고민되시나요? 다른 사람들과 얘기해봐요!
+토론을 통해 사람들과 언제든지 의견을 나눌 수 있어요
+<p align="left" >
+<img width ="30%" src="https://github.com/Astin01/plate-web/assets/60924984/7f01be3e-232f-43a4-bff7-aa5de1ee95f4" / >
+  <img width ="30%" src="https://github.com/Astin01/plate-web/assets/60924984/3b80633b-8136-4338-b396-42809a0d6f7a" / >
+</p>
+
+### 🎁 관리자가 확인 후 반영해드립니다!
+제안글은 관리자만 반영할 수 있으니 걱정하지 마세요 
+<p align="left" >
+<img width ="30%" src="https://github.com/Astin01/plate-web/assets/60924984/33cdf24b-2029-43e5-b8e8-96e9a6e0e154" / >
+</p>
+
+## 프로젝트 기술 스택
+### 프론트 엔드 
+메인: react, javascript
+
+스타일: react-bootstrap
+
+상태 관리: context API
 
 ## 백엔드
 Language: Java 17
@@ -7,5 +42,18 @@ Framework: Spring Boot / Spring MVC
 
 Data: Spring Data JPA / MySQL / JWT
 
+Infra : Docker / Github Action
+
 ## ERD
 <img width="100%" alt="image" src="https://github.com/Astin01/plate-web/assets/60924984/fb87a97e-bdb3-4d16-8883-973fdf7b564a">
+
+## 인프라 아키텍처 
+<img width="100%" alt="image" src="https://github.com/Astin01/plate-web/assets/60924984/dbcc42b6-1aeb-4a24-854e-e41a90859ac0">
+
+## 백엔드 CI/CD
+<img width="100%" alt="image" src="https://github.com/Astin01/plate-web/assets/60924984/1f09663b-5e95-40c8-839d-22f739ff39e6">
+
+## 연관 레포지토리
+- [zeroplate_back](https://github.com/Astin01/plate-api/tree/main)
+
+