[React] 통화 화폐 단위 표시하기

[React] 통화 화폐 단위 표시하기 - 떽떽대는 개발공부

---

변경이 자주 일어나지 않는 데이터의 경우 프론트에서 화폐 단위를 표시 해주면 되지만,

변경사항이 자주 일어나는 데이터의 경우 DB(서버)에서 데이터를 불러와서 사용하게 된다.

 

이때 서버에서 통화 단위를 표시해서 보내주는 경우라면 따로 필요가 없지만 어떻게 될 지 모르는 상황이기 때문에

프론트에서 통화 화폐 단위를 표시 해주는 방법을 사용했다.

 

1. 아직 서버에서 데이터를 불러오는 과정은 구현이 안되어 있기 때문에

비슷한 느낌으로 하나의 객체에서 받아올 데이터들을 정의 해놓았다.

 

2. p 태그 안에 DB에서 불러온 데이터를 출력 할 때 React 경우 {}를 사용하는 데,

아래 코드를 사용하여 통화 화폐 단위로 변환(치환)하여 출력 해주었다.

Number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")

 

3. 아래 사진으로 전후 비교 해볼 수 있다.