diff --git a/src/packages/discovery/component/setting/setting.component.html b/src/packages/discovery/component/setting/setting.component.html
index 07aa306..1f6e317 100644
--- a/src/packages/discovery/component/setting/setting.component.html
+++ b/src/packages/discovery/component/setting/setting.component.html
@@ -60,5 +60,21 @@
 </div>
 
 <div *ngIf="started">
-  tree 나올꼬얌
+  <tree-root id="tree2" [focused]="true" [nodes]="hosts">
+    <ng-template #treeNodeFullTemplate let-node let-index="index" let-templates="templates">
+      <div class="tree-node">
+        <input type="checkbox" [checked]="node.isActive" (change)="clickCheck(node)" />
+        <tree-node-expander [node]="node"></tree-node-expander>
+        <div
+          class="node-content-wrapper"
+          [class.node-content-wrapper-active]="node.isActive"
+          [class.node-content-wrapper-focused]="node.isFocused"
+          (click)="clickCheck(node)">
+          <span [class]="node.data.className + 'Index'">{{ index }}</span>
+          <span [class]="node.data.className" [class.title]="true">{{ node.data.title }}</span>
+        </div>
+        <tree-node-children [node]="node" [templates]="templates"></tree-node-children>
+      </div>
+    </ng-template>
+  </tree-root>
 </div>
\ No newline at end of file
diff --git a/src/packages/discovery/component/setting/setting.component.ts b/src/packages/discovery/component/setting/setting.component.ts
index a4cd06f..665f53d 100644
--- a/src/packages/discovery/component/setting/setting.component.ts
+++ b/src/packages/discovery/component/setting/setting.component.ts
@@ -34,6 +34,9 @@ export class SettingComponent implements OnInit, AfterContentInit {
     { name: 'Tomcat' },
     { name: 'Nginx' },
   ];
+
+  hosts = nodes;
+
   constructor(
     private store: Store<DiscoverySettingStore.State>,
   ) {
@@ -104,3 +107,117 @@ export class SettingComponent implements OnInit, AfterContentInit {
   }
 
 }
+
+
+
+const nodes = [
+  {
+    title: 'host - 3232235781',
+    className: 'className3232235781',
+    children: [
+      {
+        title: 'Port - 22',
+        className: 'className22',
+        children: [
+          {
+            title: 'SSH',
+            className: 'classNameSSH'
+          }
+        ]
+      },
+      {
+        title: 'Port - 80',
+        className: 'className80',
+        children: [
+          {
+            title: 'HTTP',
+            className: 'classNameHTTP'
+          }
+        ]
+      },
+      {
+        title: 'Port - 1936',
+        className: 'className1936',
+        children: [
+          {
+            title: 'HTTP',
+            className: 'classNameHTTP'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    title: 'host - 3232235781',
+    className: 'className3232235781',
+    children: [
+      {
+        title: 'Port - 22',
+        className: 'className22',
+        children: [
+          {
+            title: 'SSH',
+            className: 'classNameSSH'
+          }
+        ]
+      },
+      {
+        title: 'Port - 80',
+        className: 'className80',
+        children: [
+          {
+            title: 'HTTP',
+            className: 'classNameHTTP'
+          }
+        ]
+      },
+      {
+        title: 'Port - 1936',
+        className: 'className1936',
+        children: [
+          {
+            title: 'HTTP',
+            className: 'classNameHTTP'
+          }
+        ]
+      }
+    ]
+  },
+  {
+    title: 'host - 3232235781',
+    className: 'className3232235781',
+    children: [
+      {
+        title: 'Port - 22',
+        className: 'className22',
+        children: [
+          {
+            title: 'SSH',
+            className: 'classNameSSH'
+          }
+        ]
+      },
+      {
+        title: 'Port - 80',
+        className: 'className80',
+        children: [
+          {
+            title: 'HTTP',
+            className: 'classNameHTTP'
+          }
+        ]
+      },
+      {
+        title: 'Port - 1936',
+        className: 'className1936',
+        children: [
+          {
+            title: 'HTTP',
+            className: 'classNameHTTP'
+          }
+        ]
+      }
+    ]
+  }
+];
+
diff --git a/src/packages/discovery/discovery.module.ts b/src/packages/discovery/discovery.module.ts
index 2d78d82..84a0914 100644
--- a/src/packages/discovery/discovery.module.ts
+++ b/src/packages/discovery/discovery.module.ts
@@ -9,6 +9,7 @@ import { InputChipModule } from 'packages/commons/component/input-chip/input-chi
 import { DiscoveryStoreModule } from './discovery-store.module';
 import { COMPONENTS } from './component';
 import { SERVICES } from './service';
+import { TreeModule } from 'angular-tree-component';
 
 @NgModule({
   imports: [
@@ -17,6 +18,7 @@ import { SERVICES } from './service';
     InputChipModule,
     FormsModule,
     DiscoveryStoreModule,
+    TreeModule
   ],
   declarations: [
     COMPONENTS