[JavaScript] 천 단위 콤마 찍기 (DB에서 / JS에서)

개발 환경

---------------------------------

OS : Mac

개발 툴 : intelliJ

개발 언어 : javascript

프레임워크 : nuxt.js

---------------------------------

 

화면에 금액과 같이 구분점이 필요한 숫자 데이터를 표시할 때는 적절한 위치에 콤마를 찍어줘야한다.

 

두가지 방법이 있다.

 

 

1. DB에서 데이터를 조회해올 때 콤마 찍기 (mySql)

 

아래와 같이 FORMAT 함수를 사용해서 컬럼명을 넣고 0을 넣어주면 천 단위로 콤마를 찍어준다.

select FORMAT(COST, 0) from TEST_TABLE

 

 

1. JavaScript에서 콤마 찍기 

가져온 숫자 데이터를 화면에 뿌릴때 숫자 세자리 단위로 콤마를 찍어 표시하고 싶다면

toLocalString()  메서드를 활용해보자

 => 숫자 데이터.toLocalString() 이렇게 사용하면 된다.

하지만 String 타입으로 되어있는 숫자를 변환하려면?

 

아래 코드를 활용하자.

 

return parseInt(value).toLocaleString();