홈패널 css 추가 및 서브 카테고리 생성 작업중.

com.twin.app.shoptime/src/components/SubCategory/SubCategory.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+import classNames from "classnames";
+import { $L } from "../../utils/helperMethods";
+import { Job } from "@enact/core/util";
+import Spotlight from "@enact/spotlight";
+import Spottable from "@enact/spotlight/Spottable";
+
+import css from "../SubCategory/SubCategory.module.less";
+
+import testimg from "../../../assets/icon/nor/ic-category-home-nor@3x.png";
+import testimg2 from "../../../assets/icon/nor/ic-category-home-nor@3x.png";
+
+const SubCategory = () => {
+  return (
+    <div className={css.container}>
+      <div className={css.cateList}>
+        <ul>
+          <li>
+            <div className={css.cateImg}>
+              <img src={testimg} className={css.cateImeDesign} />
+            </div>
+            <div className={css.cateName}>Kitchen & food</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default SubCategory;

com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx

@@ -3,14 +3,17 @@ import React from "react";
 import TPanel from "../../components/TPanel/TPanel";
 import { $L } from "../../utils/helperMethods";
 
+import css from "../HomePanel/HomePanel.module.less";
+
 import Template from "../../components/HomeBanner/Template";
 import OnSale from "../../components/OnSale/OnSale";
+import SubCategory from "../../components/SubCategory/SubCategory";
 
 export default function HomePanel() {
   return (
-    <TPanel>
+    <TPanel className={css.panelDesign}>
       <Template />
-
+      <SubCategory />
       <OnSale />
     </TPanel>
   );

com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less

@@ -0,0 +1,3 @@
+.panelDesign {
+  overflow-y: auto;
+}