Index: arms/html/template/page-header.html
===================================================================
diff -u -ra3587432c3b65f52713a30ec39d28fd4caa2b5f4 -ra241dfc859c5f09af073b0928458746ec4320d6d
--- arms/html/template/page-header.html	(.../page-header.html)	(revision a3587432c3b65f52713a30ec39d28fd4caa2b5f4)
+++ arms/html/template/page-header.html	(.../page-header.html)	(revision a241dfc859c5f09af073b0928458746ec4320d6d)
@@ -1,4 +1,7 @@
 <div class="navbar">
+
+    <div class="notifications pull-right"></div>
+
 	<ul class="nav navbar-nav navbar-right pull-right">
 		<li class="hidden-xs">
 			<a
Index: reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss
===================================================================
diff -u -r3040e14fa50c31fec244cc2c9811ab5f7cf0d588 -ra241dfc859c5f09af073b0928458746ec4320d6d
--- reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss	(.../layout.scss)	(revision 3040e14fa50c31fec244cc2c9811ab5f7cf0d588)
+++ reference/jquery-plugins/select2-4.0.13/src/scss/theme/default/layout.scss	(.../layout.scss)	(revision a241dfc859c5f09af073b0928458746ec4320d6d)
@@ -36,8 +36,51 @@
 		$("body").addClass("sidebar-hidden");
 		$("header.page-header").hide();
 	}
+
+	dwr_login("test","admin");
+
 });
 
+
+document.write('<script type="text/javascript" src="/dwr/engine.js"></script>');
+document.write('<script type="text/javascript" src="/dwr/util.js"></script>');
+document.write('<script type="text/javascript" src="/dwr/interface/Chat.js"></script>');
+
+const makeSaveChatHistory = () => {
+	const chat_history = [];
+	return (userId, username, message, time) => {
+		chat_history.push({ userId, username, message, time });
+		console.log("chatHistory -> " + JSON.stringify(chat_history));
+		return chat_history;
+	};
+};
+
+const saveChatHistory = makeSaveChatHistory();
+
+function dwr_callback(userId, username, message, time) {
+	const lastMessage = { userId, username, message, time };
+	saveChatHistory(userId, username, message, time);
+
+	$(".notifications.pull-right").addClass("alert-created");
+	const alertDiv = $('<div/>').addClass('alert pull-right');
+	const closeButton = $('<a/>').addClass('close').attr('data-dismiss', 'alert').text('×');
+	const infoIcon = $('<i/>').addClass('fa fa-info-circle');
+	alertDiv.append(closeButton, infoIcon, lastMessage.message);
+	$(".notifications.pull-right .alert").remove();
+	$(".notifications.pull-right").append(alertDiv);
+}
+
+function dwr_login(userId,username){
+	dwr.engine.setActiveReverseAjax(true);
+	dwr.engine.setNotifyServerOnPageUnload(true);
+	dwr.engine.setErrorHandler(function () {
+		console.log("DWR Error");
+	});
+	Chat.login(userId,username);
+
+}
+
+
 // include 레이아웃 html 파일을 로드하는 함수
 function includeLayout(page) {
 	var includeArea = $("[data-include]");