66 */
77$ ( function ( ) {
88 var socket = io ( ) ;
9- var nickName = /*prompt('닉네임을 입력해 주세요') ||*/ 'Guest-' + getRandomNum ( 1000 ) ;
9+ var nickName = null ; // /*prompt('닉네임을 입력해 주세요') ||*/ 'Guest-' + getRandomNum(1000);
1010 var roomId = '' ;
1111 var $body = $ ( 'body' ) ;
1212 var $roomName = $ ( '#room-name' ) ;
1313 var $msgInput = $ ( '#message' ) ;
1414 var $typing = $ ( '#typing-icon' ) ;
15+ var $callbacks ;
1516
1617 function getTime ( ) {
1718 var time = new Date ( ) ;
18- // return time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
1919 return time . getHours ( ) + ":" + time . getMinutes ( ) ;
2020 }
2121
2222 function addUserMessage ( nickName , msg , isMe ) {
23- $ ( '#chat-content' ) . append ( [
24- "<li class='" + ( isMe ? 'me' : '' ) + "'>" ,
25- "<strong class='name'>" + ( isMe ? 'Me' : nickName ) + "</strong>" ,
26- "<p class='message'>" + msg +
27- "<span class='date'>" + getTime ( ) + "</span>" ,
28- "</p>" ,
29- "</li>"
23+ $ ( '#chat-content' ) . append ( [
24+ "<li class='" + ( isMe ? 'me' : '' ) + "'>" ,
25+ "<strong class='name'>" + ( isMe ? 'Me' : nickName ) + "</strong>" ,
26+ "<p class='message'>" + msg +
27+ "<span class='date'>" + getTime ( ) + "</span>" ,
28+ "</p>" ,
29+ "</li>"
3030 ] . join ( '\n' ) ) ;
3131 }
3232
@@ -42,18 +42,27 @@ $(function() {
4242 return Math . floor ( Math . random ( ) * max ) + 1 ; // 1 ~ max
4343 }
4444
45+ function setNickName ( callback ) {
46+ nickName = prompt ( '닉네임을 입력해 주세요' ) ;
47+ callback && callback ( ) ;
48+ }
49+
4550 // 해시 체크
4651 if ( location . hash . length >= 2 ) {
4752 $roomName . val ( location . hash . split ( '#' ) [ 1 ] ) ;
4853 }
4954
5055 // 룸생성, 참여 이벤트
5156 $ ( '#create-room' ) . click ( function ( ) {
52- socket . emit ( 'joinRoom' , getRandomNum ( 10000 ) , nickName ) ;
53- } ) ;
57+ setNickName ( function ( ) {
58+ socket . emit ( 'joinRoom' , getRandomNum ( 10000 ) , nickName ) ;
59+ } ) ;
60+ } ) ;
5461
5562 $ ( '#join-room' ) . click ( function ( ) {
56- socket . emit ( 'joinRoom' , $roomName . val ( ) , nickName ) ;
63+ setNickName ( function ( ) {
64+ socket . emit ( 'joinRoom' , $roomName . val ( ) , nickName ) ;
65+ } ) ;
5766 } ) ;
5867
5968 socket . on ( 'joinRoom' , function ( roomNum , nickName , userList ) {
@@ -77,8 +86,6 @@ $(function() {
7786
7887 // 로비로 이동
7988 $ ( '#leave-room' ) . click ( function ( ) {
80- alert ( roomId ) ;
81-
8289 socket . emit ( 'leaveRoom' , roomId , nickName ) ;
8390 location . hash = '' ;
8491 location . reload ( ) ;
0 commit comments