Skip to content

Commit 075d670

Browse files
HeHeleeHeHelee
authored
Update README.md
1 parent f8feb8b commit 075d670

1 file changed

Lines changed: 207 additions & 22 deletions

File tree

‎README.md‎

Lines changed: 207 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,207 @@
1-
# 함께 수정되는 코드 파일끼리 하나의 디렉토리를 이루도록 구조를 개선
2-
3-
```
4-
src/
5-
├── components/ # 전체 프로젝트에서 사용되는 컴포넌트
6-
│ ├──layout/ # 공용 레이아웃
7-
│ ├── Header.tsx
8-
│ ├── Sidebar.tsx
9-
│ └── MainLayout.tsx
10-
├── hooks/ # 전체 프로젝트에서 사용되는 훅
11-
│ ├── useToast.tsx
12-
│ ├── useAuth.tsx
13-
│ └── useApi.tsx
14-
├── utils/ # 전체 프로젝트에서 사용되는 유틸리티
15-
├── types/ # 전체 프로젝트에서 사용되는 타입
16-
├── api/ # 전체 프로젝트에서 사용되는 API
17-
└── domains/
18-
├── datacenter/ # 데이터센터 전용
19-
└── login/ # 로그인 전용
20-
```
21-
22-
아직 개선해야할 부분이 남음 (참고 Frontend Fundamentals)
1+
<div align="center">
2+
<img width="200" height="40" alt="serverwayLogo" src="https://github.com/user-attachments/assets/3c8c53df-b899-44a2-ac3d-855bbe08d4e9" />
3+
<br><br>
4+
<b><i>서버실 랙 구성 시각화/관리 시스템</i></b>
5+
<br><br>
6+
<b>데이터센터 인프라의 스마트한 관리와 실시간 모니터링을 위한 통합 솔루션</b>
7+
</div>
8+
<br>
9+
<p align="center">
10+
<img width="600" alt="SERVERWAY overview" src="https://github.com/user-attachments/assets/693dff71-3c62-43d8-99bb-793b7111eeb5" />
11+
</p>
12+
13+
---
14+
15+
<div align="center">
16+
17+
## 📖 목차
18+
19+
| 항목 |
20+
|------|
21+
| [🎨 서비스 소개](#-소개) |
22+
| [🌟 주요 기능](#-주요-기능) |
23+
| [💻 기술 스택](#-기술-스택) |
24+
| [🗂️ 데이터베이스 ERD](#-데이터베이스-erd) |
25+
| [🏛 시스템 아키텍처](#-시스템-아키텍처) |
26+
| [👥 팀원](#-팀원) |
27+
28+
</div>
29+
30+
---
31+
32+
<div align="center">
33+
34+
## 🎨 소개
35+
36+
> _데이터센터 랙 관리를 더 쉽고, 더 직관적으로_
37+
38+
<strong>SERVERWAY</strong>는 서버실 랙과 장비 정보를
39+
<strong>시각적으로 한눈에 파악</strong>할 수 있는 인프라 관리 솔루션입니다.
40+
<br>
41+
복잡한 수기 작업 대신
42+
<strong>정확하고 효율적인 방식</strong>으로 인프라를 운영해 보세요.
43+
</div>
44+
45+
---
46+
47+
<div align="center">
48+
49+
## 🌟 주요 기능
50+
### ✨메인 대시보드✨
51+
52+
<table>
53+
<tr>
54+
<td align="center">
55+
<img src="https://github.com/user-attachments/assets/6bc3e700-edb5-4142-8136-af537f2a0b60" alt="메인 대시보드" width="600"/>
56+
<br>
57+
데이터센터부터 회사·서버실까지 핵심 지표를 한눈에 확인할 수 있는 통합 모니터링
58+
</td>
59+
</tr>
60+
</table>
61+
62+
---
63+
64+
### ✨서버실 관리✨
65+
<table>
66+
<tr>
67+
<td align="center">
68+
<img src="https://github.com/user-attachments/assets/1e3eec75-b1fb-4365-911c-9a36e3b0cdbb" alt="3D" height="300" />
69+
<br>
70+
3D
71+
</td>
72+
<td align="center">
73+
<img src="https://github.com/user-attachments/assets/2221c01b-6b23-407c-a50f-2cec258516b5" alt="2D" height="300" />
74+
<br>
75+
2D
76+
</td>
77+
</tr>
78+
79+
<tr>
80+
<td align="center">
81+
<img src="https://github.com/user-attachments/assets/ea337ab8-bbbd-4abc-863e-3b6402a5341b" alt="랙 상세보기" height="300" />
82+
<br>
83+
랙 상세보기
84+
</td>
85+
<td align="center">
86+
<img src="https://github.com/user-attachments/assets/4b1de064-4418-4dd9-ba78-1477b3b7c7a1" alt="서버실 모니터링" height="300" />
87+
<br>
88+
서버실 모니터링
89+
</td>
90+
</tr>
91+
</table>
92+
93+
---
94+
### ✨자원관리 & 인사관리✨
95+
<table>
96+
<tr>
97+
<td align="center">
98+
<img src="https://github.com/user-attachments/assets/fc0e4c52-0243-4596-a548-9df7b43a970a" alt="자원관리" height="300" />
99+
</td>
100+
<td align="center">
101+
<img src="https://github.com/user-attachments/assets/f9327d22-ab42-4cea-93f6-fbd61862de69" alt="회원관리" height="300" />
102+
</td>
103+
</tr>
104+
</table>
105+
106+
---
107+
108+
## 💻 기술 스택
109+
<table>
110+
<thead>
111+
<tr>
112+
<th>분류</th>
113+
<th>기술 스택</th>
114+
</tr>
115+
</thead>
116+
<tbody>
117+
<tr>
118+
<td>프론트엔드</td>
119+
<td>
120+
<img src="https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB"/>
121+
<img src="https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white"/>
122+
<img src="https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white"/>
123+
<img src="https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=whitelor=white"/>
124+
<img src="https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white"/>
125+
</td>
126+
</tr>
127+
<tr>
128+
<td>백엔드</td>
129+
<td>
130+
<img src="https://img.shields.io/badge/spring-%236DB33F.svg?style=for-the-badge&logo=spring&logoColor=white"/>
131+
<img src="https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=openjdk&logoColor=white"/>
132+
<img src="https://img.shields.io/badge/Gradle-02303A.svg?style=for-the-badge&logo=Gradle&logoColor=white"/>
133+
</td>
134+
</tr>
135+
<tr>
136+
<td>데이터베이스</td>
137+
<td>
138+
<img src="https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white"/>
139+
</td>
140+
</tr>
141+
<tr>
142+
<td>인프라</td>
143+
<td>
144+
<img src="https://img.shields.io/badge/GoogleCloud-%234285F4.svg?style=for-the-badge&logo=google-cloud&logoColor=white"/>
145+
<img src="https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white"/>
146+
<img src="https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white"/>
147+
<img src="https://img.shields.io/badge/nginx-%23009639.svg?style=for-the-badge&logo=nginx&logoColor=white"/>
148+
</td>
149+
</tr>
150+
<tr>
151+
<td>모니터링</td>
152+
<td>
153+
<img src="https://img.shields.io/badge/Prometheus-E6522C?style=for-the-badge&logo=Prometheus&logoColor=white"/>
154+
</td>
155+
</tr>
156+
</tbody>
157+
</table>
158+
159+
160+
---
161+
162+
## 🗂 데이터베이스 ERD
163+
<img width="2443" height="1400" alt="image" src="https://github.com/user-attachments/assets/eaab9781-a152-46ac-903e-bb6ccba1e480" />
164+
165+
166+
---
167+
168+
## 🏛 시스템 아키텍처
169+
<img width="1920" height="1080" alt="SERVERWAY (1)" src="https://github.com/user-attachments/assets/5ee76015-f8e5-4997-ab1b-078d004e9165" />
170+
171+
172+
---
173+
174+
175+
## 👥 팀원
176+
177+
<table width="950px">
178+
<tr>
179+
<th>Picture</th>
180+
<td align="center"><a href="https://github.com/DHowor1d"><img src="https://avatars.githubusercontent.com/u/102588838?v=4" width="60" height="60" alt="김대호"></a></td>
181+
<td align="center"><a href="https://github.com/HeHelee"><img src="https://avatars.githubusercontent.com/u/119719994?v=4" width="60" height="60" alt="구희원"></a></td>
182+
<td align="center"><a href="https://github.com/snikuz12"><img src="https://avatars.githubusercontent.com/u/144377062?v=4" width="60" height="60" alt="황요한"></a></td>
183+
<td align="center"><a href="https://github.com/Sana2d2v"><img src="https://avatars.githubusercontent.com/u/196260171?v=4" width="60" height="60" alt="최산하"></a></td>
184+
</tr>
185+
<tr>
186+
<th>Name</th>
187+
<td align="center">김대호</td>
188+
<td align="center">구희원</td>
189+
<td align="center">황요한</td>
190+
<td align="center">최산하</td>
191+
</tr>
192+
<tr>
193+
<th>Position</th>
194+
<td align="center"><b>Frontend</b></td>
195+
<td align="center"><b>Frontend</b></td>
196+
<td align="center"><b>Backend</b></td>
197+
<td align="center"><b>Frontend</b></td>
198+
</tr>
199+
<tr>
200+
<th>GitHub</th>
201+
<td align="center"><a href="https://github.com/DHowor1d"><img src="http://img.shields.io/badge/DHowor1d-green?style=social&logo=github"/></a></td>
202+
<td align="center"><a href="https://github.com/HeHelee"><img src="http://img.shields.io/badge/HeHelee-green?style=social&logo=github"/></a></td>
203+
<td align="center"><a href="https://github.com/snikuz12"><img src="http://img.shields.io/badge/snikuz12-green?style=social&logo=github"/></a></td>
204+
<td align="center"><a href="https://github.com/Sana2d2v"><img src="http://img.shields.io/badge/Sana2d2v-green?style=social&logo=github"/></a></td>
205+
</tr>
206+
</table>
207+
</div>

0 commit comments

Comments
 (0)