JS 백틱(` `) 템플릿 리터럴 : Javascript Template literal

horiz.d·2021년 12월 26일
0

JS 꿀단지

목록 보기
30/35

JS의 ``백틱 문자열 && es6 ${변수} : Template literal

const template_=`
    템플릿 리터럴은 '작은따옴표'와 "큰따옴표"를 혼용해서 사용 가능`;
console.log(template_)
// `백틱`은 문자열 뿐 아니라 수식계산, 객체의 함수 호출 시에도 사용
const name_ = `조성우`;  //백틱 사용
const alias_ = `horiz.d`; //백틱 사용 

  // 기존 출력 방식 : +
console.log('제 이름은 ' + name_ + '이고 닉네임은 ' + alias_ +' 입니다.');

  // es6 출력 방식 : ${출력할 변수명}
console.log(`제 이름은 ${name_} 이고 닉네임은 ${alias_} 입니다.`

// 수식 & 표현식도 가능
console.log(` 1+1 : ${1+1}`);

const name2_ = 'temporal';
console.log(`Hello ${name2_.toUpperCase()}`); //대문자 변경출력
profile
가용한 시간은 한정적이고, 배울건 넘쳐난다.

0개의 댓글