231207 개발일지 TIL - Uncaught SyntaxError: unexpected token: identifier(템플릿 리터럴과 삼항 연산자 사용)

문제 발생
Uncaught SyntaxError: unexpected token: identifier

템플릿 리터럴과 삼항 연산자가 잘못 사용되어서 SyntaxError를 발생되었다.

<p><span>${skuData.price} ? `${skyData.price}원 : ''`</span><span>남은수량: ${skuData.num}</span></p> 

해결 방법

<p><span>${skuData.price ? `${skuData.price}원` : ''}</span><span>남은수량: ${skuData.num}</span></p>

skuData.price 값이 있으면 표시하고, 그렇지 않으면 빈 문자열을 출력한다. 삼항 연산자와 템플릿 리터럴을 사용하면 코드를 간결하고 읽기 쉽게 작성할 수 있다.

느낀 점
신텍스 에러가 나지 않게 주의해서 작업해야겠다.