[javascript] 문자열과 변수를 같이쓸때 사용하는 백틱(`) 리터럴 작성 방식

백틱(`) 리터럴 작성 방식은 ES2015부터 생겨난 작성 방식이며 기존에 문자열과 변수를 같이 쓸때 '+'등을 사용하며 지저분했던 문자열을 훨씬 보기 좋고 간결하게 작성할 수 있게 한다.

 

 

* "2곱하기3은6입니다." 라는 문자열을 출력하기 위해 기존에는 아래와 같이 작성했다.

const val1 = 2
const val2 = 3
const result = 6

console.log(val1 + " 곱하기 " + val2 + " 은" + result + " 입니다");

 

변수와 문자열을 섞어서 사용하기위해선 '+'가 계속해서 들어가 깔끔하지 못했으며 띄어쓰기 또한 '+' 사이에 작성된 문자열에 별개로 줘야해서 가독성이 매우 아쉬웠다.

 

백틱(`) 작성 방식은 아래처럼 깔끔하고 띄어쓰기 또한 편하게 작성이 가능하다.

 

const val1 = 2;
const val2 = 3;
const result = 6

console.log(`${val1}곱하기 ${val2}은 ${result}입니다.`)

백틱 작성 방식에서는 변수를 ${} 안에 작성하여야 한다.

 

이런방식으로 훨씬 보기좋고 간편하게 작성이 가능하다.