From 25a210f4c9c716e3ceeba335dd608e5f99f0b08e Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Thu, 29 Feb 2024 14:06:13 +0900
Subject: [PATCH] =?UTF-8?q?[README]=20=EC=98=88=EC=A0=9C=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. 실제 사용하는 페이지 예제 추가
---
 com.twin.app.shoptime/README.md | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/README.md b/com.twin.app.shoptime/README.md
index 1b606ef6..5ffedecf 100644
--- a/com.twin.app.shoptime/README.md
+++ b/com.twin.app.shoptime/README.md
@@ -56,10 +56,26 @@ npm run build
 
 OnSaleProductList.jsx 참고
 --> 가로 100%일 경우 container에서 여백 제어하는 것이 아니라 각 사용하려는 컴포넌트에서 class로 "TVirtualGridList" 추가한 부분에서 좌측 여백 추가(여백은 padding-left로 조절)
---> 예) .tVirtualGridList {padding-left: 60px;}
+
+```less
+// OnSaleProductList.module.less
+.tVirtualGridList {
+  padding-left: 60px; /* GUI 가이드에 맞도록 적절히 조절 */
+}
+```
 
 ## TScroller 사용시 여백
 
 SubCategory.jsx 참고(Home)
 --> 가로 100%일 경우 TScroller 자체에서 여백 제어하는 것이 아니라 손자 엘리먼트에 좌측 여백 추가(여백은 padding-left로 조절)
---> 예) .home > div > div{padding-left:60px;}
+
+```less
+// SubCategory.module.less
+.home {
+  > div {
+    > div {
+      padding-left: 60px; /* GUI 가이드에 맞도록 적절히 조절 */
+    }
+  }
+}
+```