NaN 오류 해결법

자바스크립트에서 NaN는 Not a Number를 의미한다.

👾 발생 이유

숫자를 계산할 때 중간에 문자나 숫자 아닌 값이 들어가서 결과가 꼬였을 경우에 주로 발생한다.

🔧 해결 방법

NaN을 방지하기 위해서는 출력 전에 값이 NaN인지 확인을 해야 한다.

isNaN(값);
이 함수를 사용하면 특정 값이 NaN인지 체크할 수 있다.
만약 인수로 전달된 값이 숫자가 아니라면, 숫자로 강제 변환하여 검사한다.

NaN 일 경우 , true
NaN이 아닐 경우 , false

문자를 숫자로 변환하는 방법

parseInt(값)
parseFloat(값)

사용예시

<span>{parseInt(props.price * 0.95).toLocaleString("ko-kr")}원</span>