Vue.js Filter : 3자리마다 쉼표찍기와 bytes 길이 자동 표시(Pretty currency & Pretty size of bytes)
이번 포스트에서는 3자리마다 쉼표 찍는 방법과 bytes 길이를 자동으로 표시하는 Vue.js의 필터에 대해서 설명합니다. 3자리마다 쉼표찍기 /main.js에 아래의 코드를 삽입합니다. Vue.filter('currency', function (num) { // jacked from: https://github.com/sindresorhus/pretty-bytes if (typeof num !== 'number' || isNaN(num)) { throw new TypeError('Expected a number'); } return num.toFixed(0).replace(/(\d)(?=(\d{3})+(?:\.\d+)?$)/g, "$1,") }); 사용방법 {{ updateTotalBytes | cur..