* submit 수정

Author: dodortus

contents/css/style.css

@@ -42,7 +42,7 @@ input[type="text"] { padding: 2px 5px; border: solid 1px #bbb; font-size: 1.3em;
 header { position: relative; margin-bottom: 10px; }
 
 /* chat */
-#chat-wrap { margin: 0 auto; width: 300px; }
+#chat-wrap { margin: 0 auto; width: 340px; }
 #chat-wrap input[type="text"] {
   width: 200px; font-size: 14px; padding: 6px; background: rgba(255,255,255,0.8); font-family: inherit; 
 }

contents/js/base.js

@@ -6,16 +6,26 @@
  */
 $(function() {
   var socket = io();
+  var nickName = 'user-' + new Date().getTime();
   var $msgInput = $('#message');
 
   $('form').submit(function() {
-    socket.emit('message', $msgInput.val());
+    socket.emit('message', {
+    	nickName: nickName,
+    	body: $msgInput.val()
+    });
     $msgInput.val('');
     return false;
   });
 
   socket.on('message', function(msg) {
     console.log('message', msg);
-    $('#chat-content').append($('<li/>').text(msg));
+    
+    $('#chat-content').append([
+    	"<li>",
+    		"<h3 class='name'>" + msg.nickName + "</h3>",
+    		"<p class='message'>" + msg.body + "</p>",
+    	"</li>"
+    ]);
   });
 });

package.json

@@ -4,9 +4,9 @@
   "version": "0.0.1",
   "description": "nodejs simple chatting.",
   "dependencies": {
-  	"express": "4.13.*",
-  	"ejs": "2.4.*",
-  	"socketio": "1.4.*"
+  	"express": "4.13.4",
+  	"ejs": "2.4.1",
+  	"socket.io": "1.4.5"
   },
   "engine": {
 		"node": "0.12.x"