<백틱>이란?
ES6부터 사용 가능한 문자열 표기법
문자열 표기 시, 큰따옴표( " " ) 대신 백틱 (` `)으로 사용
<백틱>의 기능
1. 문자열 표기시 사용
- 기존 문자열 표기법( " ", ' ' )
var hello = " 안녕하세요! ";
- 백틱으로 문자열 표기
var backticHello = ` 안녕하세요! `;
2. 개행 가능
- 기존 문자열 : 개행 문자를 사용( \n )
var usual = " 안녕하세요. \n 포로리입니다 ";
console.log(usual)
- 백틱을 사용하여 개행
var backtickUse = ` 안녕하세요.
포로리입니다 `;
console.log(backtickUse)
3. 변수나 표현식 사용하기
- 기존 문자열 : 문자열에 변수나 표현식을 포함하여 사용할 때, + 연산자 사용하여 연결
var name = "포로리"
var food = "조개"
console.log( name + "가 가장 좋아하는 음식은" + food );
- 백틱(` `) 안에 $ { }를 사용하여 변수나 연산, 함수를 사용
- $ { } 의 실행 결과는 문자열로 자동 변환
var name = "포로리"
var food = "조개"
var price = 100
var amount = 10
console.log( ` ${name}가 가장 좋아하는 음식은 ${food}이고, 가격은 ${price * num} 입니다 ` );
변수나 함수를 표현하는 방법 : $ { }
var name = "포로리" var food = "조개" console.log( ${ name } ) console.log( ${ food } )