반응형
처음 문자열을 사용하다보면 이런 상황이 왔었다.
let coke = '콜라';
let price = 1500;
let juice = '주스';
let price2 = 1400;
'coke' + '는' + price + '원 이고' + 'juice' + '는' + price2 + '입니다.'
문장을 만들기 위해서 여러 작업이 필요했다.
자바스크립트 초기에는 이 방법 밖에 없었지만
후에 템플릿 리터럴이라는 신박한 방법이 나왔다.
문자열 안에 표현식을 넣을수 있다!
사용 방법은 이렇다.
따옴표 대신 ~과 같이있는 `(백틱)을 사용하고 달러$와 중괄호{} 안에 변수를 넣어주면 문자열과 변수를 한번에 입력할 수 있다.
템플릿 리터럴을 사용했을 때
let coke = '콜라';
let price = 1500;
let juice = '주스';
let price2 = 1400;
`${coke}는 ${price}원 이고 ${juice}는 ${price2}원 입니다.`
적용을 해보니
손이 덜가고 보기에도 간단해 졌다.
반응형
'javascript' 카테고리의 다른 글
자바스크립트 비교연산자 (0) | 2023.03.07 |
---|---|
자바스크립트 Math 객체 (0) | 2023.03.06 |
자바스크립트 원시 타입 (0) | 2023.03.06 |
자바스크립트 문자열 매서드 (0) | 2023.03.02 |
[JS] 변수 (0) | 2023.03.01 |