템플릿 리터럴은 ` 백틱을 사용하고 값을 ${} 로 가져온다.
말그대로 자바스크립트 내부 엔진이 이해할 수 있도록 표현식을 쓰는 것이다.
SpEl 에서는 ${} 을 프로퍼티식. 이라고 하는데 오직 SpEl 만의 것이 아니기에 자바스크립트에는 어떻게 말하는지 사실.. 모르겠다.
- 프로퍼티 식에는 연산(표현식) , 프러퍼티 값, 메서드 등이 올 수 있다.
- 삼항 연산자로 흐름 분기가 가능하다.
- 문장에 따라 이스케이프 문자를 해석한다.
const name = "soomin";
console.log("안녕 내이름은 "+name+"이야.");
console.log(`안녕 내이름은 ${name} 이야`);
// 자바스크립트 표현식으로 문자열 연산을 내부적으로 처리한 모습
console.log("총 금액은 "+(10+5)+ "입니다");
console.log(`총금액은 ${10+5} 입니다`);
let homework = true;
console.log(`아 숙제 ${homework ? '다했다' : '아직 다 못했다.'}`);
'기반을 다지자 ES6' 카테고리의 다른 글
배열의 정체와 길이 (0) | 2020.10.01 |
---|---|
화살표 함수 (0) | 2020.10.01 |
Let, Const (0) | 2020.10.01 |
CallBack (0) | 2020.10.01 |
input 태그 조작 (0) | 2020.10.01 |