ajax 호출 후 callback 안에서 데이터 빼내기 + 천단위 콤마찍기

요즘 프로젝트에서 reqwest를 쓴다. 보통의 ajax 호출을 해서 리턴받는 데이터에 값에 따라 분기처리를 할 경우 함수지옥에 빠져드는 일이 생긴다. 그걸 대체해주는 것이 reqwest다. 흔히들 promise 방식이라고 하는 그것이다.

어찌됐든 if를 걸어서 데이터에 따른 분기처리는 모두 callback 안에서 하게 된다. (지금 하는 프로젝트는 일단 그렇다.) 그러다 보면 넘어온 값(조회한 값)들 중에 내가 짱박아놓고 쓰고 싶은 값들이 있는데 callback안에서는 죽었다 깨어나도 callback 밖으로 빼질 못한다. 이럴 때 쓰는 꼼수를 정리해보고자 한다.

_my_min = jQuery('.my-min').attr('data-my-min',resp[0].ResultData[0].min);
_my_coin = jQuery('.my-coin').attr('data-my-coin', resp[0].ResultData[0].coin);

나는 이렇게 값을 박아서 쓴다. 그렇게 썩 스마트한 방법은 아닌 거 같은데 react.js 같이 개성있는 라이브러리를 써야할 경우에 저렇게 빼서 쓴다. 

그리고 천단위 콤마찍기를 구현해봤는데 이런 저런 내용들이 나온다. 정규식을 이용하면 

function setComma(num) {
    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

이런 것도 있고 여러가지들이 있는데 가장 쌈빡한 것을 찾은 것 같다.

num.toLocaleString();

이것이다. 물론 이것은 지역에 따라 다르게 나타날 수 있는 문제가 있는데 숫자의 경우는 그냥 일단 믿고 써본다.