diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html
index e745d33e..e96fec39 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html
@@ -31,7 +31,7 @@
     <ucap-room-list-item [roomInfo]="roomInfo" [sessionVerinfo]="sessionVerinfo">
     </ucap-room-list-item>
   </div>
-  <h3>Chat::MessageBox</h3>
+  <!-- <h3>Chat::MessageBox</h3>
   <div>
     <div>
       <div>
@@ -143,5 +143,5 @@
         <ucap-chat-message-box-video-conference></ucap-chat-message-box-video-conference>
       </div>
     </div>
-  </div>
+  </div> -->
 </div>
diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
index 6c6c93bf..5e894b45 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
@@ -13,7 +13,7 @@ import {
 } from '@ucap-webmessenger/protocol-status';
 import { Router } from '@angular/router';
 import { Company } from '@ucap-webmessenger/api-external';
-import { EventType } from '@ucap-webmessenger/protocol-event';
+import { EventType, Info } from '@ucap-webmessenger/protocol-event';
 import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
 import { StatusCode as ApiStatusCode } from '@ucap-webmessenger/api';
 import { StatusCode } from '@ucap-webmessenger/core';
@@ -301,3 +301,90 @@ const companyList: Company[] = [
     companyTimerChatAuthYn: 'Y'
   }
 ];
+
+const eventInfo: Info[] = [
+  {
+    seq: 6,
+    type: EventType.Character,
+    senderSeq: 504688,
+    sendDate: '2019-10-08 14:28:43',
+    sentMessage: '테스트1111',
+    receiverCount: 2
+  },
+  {
+    seq: 20,
+    type: EventType.File,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 17:18:49',
+    sentMessage:
+      '{\r\n"StatusCode":"200",\r\n"ErrorMessage":"",\r\n"RoomID":"0",\r\n"FileName":"1.jpg",\r\n"FileExt":"jpg",\r\n"FileType":"I",\r\n"ThumbURL":"http://27.122.224.170:8011/WebFile/GUC006/2019/10/15/MA_509747_17184948.jpg.thumb.jpg",\r\n"AttSEQ":"2964",\r\n"AttSize":"879394",\r\n"AttRegDate":"2019-10-15 17:18:49",\r\n"ImageWidth":"320",\r\n"ImageHeight":"240",\r\n"CompanyCode":"GUC006",\r\n"VoiceTime":"",\r\n"SynappKey":""\r\n}',
+    receiverCount: 2
+  },
+  {
+    seq: 21,
+    type: EventType.File,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 17:20:24',
+    sentMessage:
+      '{\r\n"StatusCode":"200",\r\n"ErrorMessage":"",\r\n"RoomID":"0",\r\n"FileName":"dummy_더미.txt",\r\n"FileExt":"txt",\r\n"FileType":"F",\r\n"ThumbURL":"",\r\n"AttSEQ":"2965",\r\n"AttSize":"1736",\r\n"AttRegDate":"2019-10-15 17:20:23",\r\n"ImageWidth":"320",\r\n"ImageHeight":"320",\r\n"CompanyCode":"GUC006",\r\n"VoiceTime":"",\r\n"SynappKey":""\r\n}',
+    receiverCount: 2
+  },
+  {
+    seq: 22,
+    type: EventType.File,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 17:21:10',
+    sentMessage:
+      '{\r\n"StatusCode":"200",\r\n"ErrorMessage":"",\r\n"RoomID":"0",\r\n"FileName":"The_Power_of_Teamwork_-_Funny_Animation.mp4",\r\n"FileExt":"mp4",\r\n"FileType":"V",\r\n"ThumbURL":"",\r\n"AttSEQ":"2966",\r\n"AttSize":"4476141",\r\n"AttRegDate":"2019-10-15 17:21:10",\r\n"ImageWidth":"320",\r\n"ImageHeight":"320",\r\n"CompanyCode":"GUC006",\r\n"VoiceTime":"",\r\n"SynappKey":""\r\n}',
+    receiverCount: 2
+  },
+  {
+    seq: 3,
+    type: EventType.MassText,
+    senderSeq: 10642,
+    sendDate: '2019-09-19 09:46:24',
+    sentMessage:
+      '{"StatusCode":"200","ErrorMessage":"","EventMassSeq":"1011","RoomID":"2479","RegDate":"","Content":"RequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSendRequestMassEventSend"}',
+    receiverCount: 2
+  },
+  {
+    seq: 1,
+    type: EventType.Join,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 17:23:26',
+    sentMessage: '이진호2,T10112,T10222,이진호',
+    receiverCount: 4
+  },
+  {
+    seq: 4,
+    type: EventType.Exit,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 17:24:15',
+    sentMessage: '이진호2',
+    receiverCount: 3
+  },
+  {
+    seq: 19,
+    type: EventType.RecalledMessage,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 16:36:47',
+    sentMessage: 'aaaaaa',
+    receiverCount: 2
+  },
+  {
+    seq: 25,
+    type: EventType.RenameRoom,
+    senderSeq: 509747,
+    sendDate: '2019-10-15 17:25:55',
+    sentMessage: '이진호2,이진호,이진호2 바꿔',
+    receiverCount: 2
+  },
+  {
+    receiverCount: 2,
+    sendDate: '2019-10-15 17:28:13',
+    senderSeq: 509747,
+    sentMessage: '509747,43200',
+    seq: 5,
+    type: EventType.GuideForRoomTimerChanged
+  }
+];