[javascript] 변수 바인딩, 문자열 문자에 변수 넣기, 템플릿 리터럴 / Template literals (Template strings), Variable Binding

💻 기존 방법

+ 기호를 사용 한 문자열 합치기를 사용하는 기존의 방법

var binding = 'Legacy Code';
var string = '이 코드는 '+ binding +' 입니다';
console.log(string);

// 결과
// 이 코드는 Legacy Code 입니다

🎈 결과

이 코드는 Legacy Code 입니다

---

💻 코드 Code (ES6+)

사용법 How to use 템플릿 리터럴 (템플릿 문자열) Template literals (template strings)

let binding = 'ES6+';
let string = `이 코드는 Template literals 이고 ${binding} 브라우저 에서 지원 합니다`;
console.log(string);

// 결과
// 이 코드는 Template literals 이고 ES6+ 브라우저 에서 지원 합니다

🎈 결과

이 코드는 Template literals 이고 ES6+ 브라우저 에서 지원 합니다

---

2022.07.07 - [javascript] - [jQuery] 변수 바인딩, SQL의 쿼리 바인딩(Query Binding) 처럼 사용하기 | Variable Query Binding