From c4fde6ab53031797af9e8eec4270125913eb759e Mon Sep 17 00:00:00 2001
From: ElppaDev <sa_8001@naver.com>
Date: Tue, 27 Jan 2026 17:12:38 +0900
Subject: [PATCH] Update README.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

내용 수정
---
 README.md | 48 ++++++++++++++++++++++++++++++++----------------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index 433b137..a77a134 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,8 @@
 
 > 🖥️ **실시간 시스템 모니터링 & Docker 컨테이너 관리 웹 애플리케이션**
 
-Synology NAS를 위한 현대적이고 직관적인 시스템 모니터링 대시보드입니다. PWA(Progressive Web App)를 지원하여 앱처럼 설치할 수 있으며, 시스템 리소스와 Docker 컨테이너를 언제 어디서나 손쉽게 관리할 수 있습니다.
+Synology NAS를 위한 현대적이고 직관적인 시스템 모니터링 대시보드입니다.<br>
+PWA(Progressive Web App)를 지원하여 앱처럼 설치할 수 있으며, 시스템 리소스와 Docker 컨테이너를 언제 어디서나 손쉽게 관리할 수 있습니다.
 
 **해당 프로젝트는 바이브 코딩을 활용하여 제작 되었습니다.**
 
@@ -39,7 +40,7 @@ Synology NAS를 위한 현대적이고 직관적인 시스템 모니터링 대
 - **HTTPS 환경 (PWA 설치를 위한 필수 조건)**
 
 ### 설치 방법
-git clone을 수행하지 않고 직접 docker-compose.yaml을 작성하여 실행하여도 됩니다.
+git clone을 수행하지 않고 직접 docker-compose.yaml을 작성하여 실행하여도 됩니다.<br>
 만약 직접 작성하여 실행을 하실 경우 3 부터 시작하세요.
 
 1. **프로젝트 클론**
@@ -90,18 +91,33 @@ git clone을 수행하지 않고 직접 docker-compose.yaml을 작성하여 실
 
 ---
 
-### 모바일 화면
-![홈](/img/1.jpg)
-![히스토리](/img/2.jpg)
-![도커잠금](/img/3.jpg)
-![도커](/img/4.jpg)
-![설정](/img/5.jpg)
-![갤럭시](/img/6.jpg)
-![아이폰](/img/7.jpg)
+###  미리보기
+<details>
+<summary>💻 PC 화면 미리보기</summary>
+<p align="center">
+  <img src="https://github.com/user-attachments/assets/bae6ff03-59a8-4784-895b-fa8eb3349c9a" width="48%" />
+  <img src="https://github.com/user-attachments/assets/9ccc51c0-9286-4b21-864d-b57460fbadda" width="48%" />
+</p>
+<p align="center">
+  <img src="https://github.com/user-attachments/assets/a002e67b-513c-4286-9ef8-f75c16de3137" width="48%" />
+  <img src="https://github.com/user-attachments/assets/c2b09187-2002-4493-951f-92688bbb0f05" width="48%" />
+</p>
+<p align="center">
+  <img src="https://github.com/user-attachments/assets/1399ae07-9999-4241-a2b5-00dc39059d3b" width="48%" />
+</p>
+</details>
 
-### PC 화면
-![홈](/img/8.jpg)
-![히스토리](/img/9.jpg)
-![도커잠금](/img/10.jpg)
-![도커](/img/11.jpg)
-![설정](/img/12.jpg)
+<details>
+<summary>📱 모바일 화면 미리보기</summary>
+<p align="center">
+  <img src="https://github.com/user-attachments/assets/62ee7d61-03c6-469e-9ee4-84c575e3fd2b" width="22%" />
+  <img src="https://github.com/user-attachments/assets/24149ce6-5387-4611-a275-c7fb87de07f3" width="22%" />
+  <img src="https://github.com/user-attachments/assets/acbb2584-5b48-4880-8182-860e09c8ed4b" width="22%" />
+  <img src="https://github.com/user-attachments/assets/5dfd98dd-02b4-4286-a656-a002cdfd4d36" width="22%" />
+</p>
+<p align="center">
+  <img src="https://github.com/user-attachments/assets/52a11ba5-d54b-40ed-9be6-fabdc6fa5557" width="22%" />
+  <img src="https://github.com/user-attachments/assets/ed5a7db1-36f9-42e6-b062-085e52dd3f90" width="22%" />
+  <img src="https://github.com/user-attachments/assets/85f48ac0-94fc-44d6-8582-fc91ac7e9a47" width="22%" />
+</p>
+</details>