[ERROR / BUG] 상품 가격 표기 개선

[gyun-ky]

🐞 버그/에러 개요

상품 가격 표기 개선

📝 상황 설명

📄 에러 대상

모든 가격 표기에서 천단위 구분자 ','이 표기되어있지 않아 불편함

🕵🏻‍♀️ 에러 상황

상품 상세, 상품 스토어 리스트, 마이페이지 등

✅ Resolve TODO

• 상품 상세 가격 표기 (js 변수 기준 cost와 shippingFee에 removeCommasInStringifiedNumber 메소드 적용)
• 상품 스토어 리스트 가격 표기
• 마이페이지 가격 표기 (주문내역, 장바구니 - 총주문금액(동적)은 제외, 찜한목록)

📚 Remarks

@S-J-Kim 혹시 관련해서 좋은 프론트 기술 혹은 장고 템플릿 언어 쓰신거 있으면 추천 바랍니다

[S-J-Kim]

장고 템플릿 태그에 intcomma 라는 필터가 있습니다 대신에 JS에서 값 가져올때 콤마 포함한 스트링으로 가져와져서 아래와 같이 변환하면 좋을 것 같읍니다

{% load humanize %} <!-- 이 구문을 최상위에 넣어야 함 -->
<div id='number-with-comma>
   {{some_integer_value | intcomma}} <!-- 이렇게 필터를 적용한다 -->
<div>

function removeCommaInStringifiedNumber(num) {
   return parseInt(num.replace(/,/g, "")) // remove comma using regex
}

const numberWithComma = document.querySelector('#number-with-comma')
const numberWithoutComma = removeCommaInStringifiedNumber(numberWithComma) // 이 숫자를 사용하면 됨