지금 연습해보고 있는 채팅 페이지인데 도움 구합니다

    
    
    

    
    

    


    
        
            
                MENU
                
                
                    메인
                    채팅
                    공개 채팅
                
            
        
        
            
            
                
                

                
                
                

                
            
            
                
                
            
        


        
            
                
                    

                        
                            
                                &times
                                Close
                            
                            

                            
                        

                        

                        

                        
                            확인
                        
                    
                
            
        


        
            
                
                    MEMBER LIST
                
                

                
            
        
    



    function submitMessage() {
        let room_id = [[${room_id}]];
        let id = '[[${id}]]';
        let chat_content = $('#chatContent').val();
        let file_url = null;
        let chat_type = "text";
        let chatRoomContentDTO = {
            "room_id": room_id,
            "id": id,
            "chat_content": chat_content,
            "file_url": file_url,
            "chat_type": chat_type
        };


        $.ajax({
            type: "POST",
            url: "/chat/submit_message",
            data: JSON.stringify(chatRoomContentDTO),
            contentType: "application/json; charset=utf-8;"
        })

        $('#chatContent').val(''); // 내용 초기화
    }


    let last_msg = 0;
    let first_load = 0;
    function loadMessage(get_msg) {
        let room_id = '[[${room_id}]]';
        let id = '[[${id}]]';
        let chatRoomContentDTO = {
            "room_id": encodeURIComponent(room_id),
            "id": encodeURIComponent(id)
        };
        $.ajax({
            type: "POST",
            url: "/chat/load_message",
            data: JSON.stringify(chatRoomContentDTO),
            dataType: "json",
            contentType: "application/json; charset=utf-8;",
            success: function(data) {
                if(data == "") return;
                //let result = data.result;
                get_msg = Number(data.last);

                if(last_msg  data.length) {
                    for(let i = 0; i  data.length; i++) {
                        if(data.length > 0) {
                            addChatHtml(data[i].id, data[i].chat_content, data[i].chat_date);
                        }
                    }
                }
                last_msg = Number(data.last);
            }
        })
    }

    function addChatHtml(id, content, time) {
        let myID = '[[${id}]]';

        if(myID == id) {
            $('.myMsg').append(
                '' +
                '' + id +'('+ time +')'+ '' +
                '' + content + '' +
                ''
            );
        } else {
            $('.anotherMsg').append(
                '' +
                '' + id +'('+ time +')'+ '' +
                '' + content + '' +
                ''
            );
        }
        $('#chatLog').scrollTop($('#chatLog')[0].scrollHeight);
    }

    function getInfiniteChatLoad() {
        setInterval(function (){
            loadMessage(last_msg);
        }, 300);
    }



    $(document).ready(function () {
        getInfiniteChatLoad();
    })