🤷‍♀️페이지 실행시 뜨는 이유

    url : getContextPath()+"/test",
    type : "POST", 
  **  async : false , // 이 부분 때문에 발생함**
    success : function(data){
        gridOptions.api.setRowData(data);
    },
    error: function(){
        alert("error");
    }
}); 

이 옵션을 주게 되면, ajax가 종료될때까지 함수가 종료되지 않으므로 비동기 호출을 동기식 호출로 변경하면 사용자 경험에 별로 도움이 안 된다, 속도가 느리다.
( jquery ajax의 async 기본값은 true)

💡ajax란?

Asynchronous JavaScript and XML

• 전체페이지를 다시 로딩하지 않고 부분적으로 서버와 데이터 교환을 하는 것 이름에서도 알 수 있듯이 비동기식으로 데이터를 가져온다

• jQuery의 .ajax()도 마찬가지입니다. 데이터 요청을 해놓고 요청에 응답하는 순서대로 처리합니다.
  비동기식이 여러모로 효율적이지만, 간혹 동기식 처리가 필요한 경우가 있습니다.