[JavaScript] 템플릿 문자열 삽질

 

 

출력 결과 => title / author저 / price원

 

위와 같은 출력 결과를 내기 위해 가장 먼저 떠올릴 수 있는 쉬운 방식은 위와 같이 일일이 직접 입력해주는 것이다.

그러나 출력해야할 내용이 많고 길 경우에는 위와 같은 방식이 좋지 않을 수 있다.

 

보기에 깔끔하지 않고, 개발자 스스로도 입력하기 번거롭기 때문이다.

 

이때, 우리는 ES6에서 제공해주는 템플릿 문자열을 사용할 수 있다!

 

 

 

 

 

템플릿 문자열 사용 예제

 

이런식으로 ${}를 사용해주면 된다. {}안에는 출력할 내용이 담겨있는 변수를 넣어준다.

 

 

여기서 내가 한 삽질

 

처음에 나는 그냥 작은 따옴표(')로 저 문자열을 감쌌다.

출력을 했는데 아무 값이 안떠서 매우 당황,,,

 

그래서 급하게 물어보니 ~표시 밑에 '백틱(`)'이라는 걸 사용해야 한다고.

 

오늘 저 문자의 이름과 쓰임을 처음 알았다ㅋㅋㅋㅋㅋㅋ

 

다행히 백틱을 넣어주니 잘 출력되었다!