[프론트엔드][자바스크립트] 객체 생성 따라하다가 - 따옴표? 백틱키!

 

 

<유튜브 코딩앙마님 자바스크립트 중급 강좌 시청 중>

 

 

 

코딩앙마님의 유튜브를 보며, 위와 같이 객체를 새로 생성하는 것을 따라 실습하는 중 다음과 같은 오류가 발생했다.

 

 

위의 코드를 실행하게 되면,

item2.showPrice();로 인해

가격은 18000원 입니다. 가 출력되어야 하는데,

 

가격은 ${price}원 입니다.  라고 출력되는 것이었다.

 

 

 

알고보니, 실행 오류가 난 이유는 '가격은 ${price}원 입니다.'  이 부분 때문이다.

화면으로 보면서 실습을 따라하다 보니, 작은 따옴표를 입력할 줄 알았는데, 

${price}와 같이 내장된 표현식을 허용하는 템플릿 리터럴(템플릿 문자열)이 있을 경우에는,

문자열을 따옴표 대신 백틱( ` ) backtick으로 에워싸져야 했다.

 

그래서, 저 작은 따옴표를 백틱으로 바꿔 작성한 후, 실행해보니 정상 작동이 되는 것을 확인할 수 있었다.