Readme 수정

README.md

@@ -1 +1,38 @@
-# BARAM
+# BARAM - 칼바람 나락 전적검색 [![Client CI](https://github.com/chococookie-lol/BARAM/actions/workflows/client-ci.yml/badge.svg)](https://github.com/chococookie-lol/BARAM/actions/workflows/client-ci.yml) [![Server CI](https://github.com/chococookie-lol/BARAM/actions/workflows/server-ci.yml/badge.svg)](https://github.com/chococookie-lol/BARAM/actions/workflows/server-ci.yml)
+
+<p align="center"><img src="https://user-images.githubusercontent.com/39158895/227720197-82b3d8dc-4575-404b-855a-516b1bb1d312.png" alt="BARAM_1" /></p>
+
+<div align="center">
+  <a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fchococookie-lol%2FBARAM&count_bg=%239c8cf0&title_bg=%234F3433&icon=&icon_color=%23453A3A0&title=hits&edge_flat=true"/></a>
+  <br>
+  <img src="https://img.shields.io/badge/NGINX-009639?style=flat-square&logo=NGINX&logoColor=white"/>
+  <img src="https://img.shields.io/badge/Typescript-3178C6?style=flat-square&logo=Typescript&logoColor=white"/>
+  <img src="https://img.shields.io/badge/ESLint-4B32C3?style=flat-square&logo=ESLint&logoColor=white"/>
+  <img src="https://img.shields.io/badge/Prettier-F7B93E?style=flat-square&logo=Prettier&logoColor=white"/>
+  <img src="https://img.shields.io/badge/Yarn-2C8EBB?style=flat-square&logo=Yarn&logoColor=white"/>
+  <br>
+  <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=white"/>
+  <img src="https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white"/>
+  <img src="https://img.shields.io/badge/NestJS-E0234E?style=flat-square&logo=NestJS&logoColor=white"/>
+  <img src="https://img.shields.io/badge/MongoDB-47A248?style=flat-square&logo=MongoDB&logoColor=white"/>
+  <br>
+  <img src="https://img.shields.io/badge/Github Actions-2088FF?style=flat-square&logo=Github Actions&logoColor=white"/>
+  <img src="https://img.shields.io/badge/Github-181717?style=flat-square&logo=Github&logoColor=white"/>
+  <br>
+</div>
+
+# 📌 기술 스택
+
+<div align="center">
+
+  ![BARAM-기술스택](https://github.com/chococookie-lol/BARAM/assets/39158895/bcb725c9-7e52-4b4f-9aea-5a894f8c3226)
+
+</div>
+
+# 📌 아키텍처
+
+<div align="center">
+
+  ![BARAM-아키텍처](https://github.com/chococookie-lol/BARAM/assets/39158895/2d0aee04-6712-4c2f-9614-442d4c26c1c5)
+
+</div>