Node.JS)04.18(Template literals (템플릿 문자열) )
Programming/JS

Node.JS)04.18(Template literals (템플릿 문자열) )

728x90

 

목차

     


     

    2022.04.19 - [Programming/BACKEND] - node.JS)04.18(node.JS 기초, 변수 선언( const, let, var )

     

    1. Template literals

    1.1. 기존의 연산과 출력 방법

    기존 연산과 출력방법은 다음과 같다.

    // 문자열들의 '+' 연산
    var num1 =1;
    var num2 = 2;
    var result = 3;
    var string1 = num1 + ' 더하기 ' + num2 + ' 는 \'' + result + '\'';
    console.log(string1);

     

    1.2. 템플릿 문자열(Template literals)을 사용한 연산

    • jsp 페이지에서 EL문법을 사용한 것과 비슷하게, 문자열과 변수값을 '하나의 문장 안에서 같이 표현'하는 문법.
    • 전체 문자열은 ` (그레이브)로 묶고 그 안에 작은 따옴표와 큰 따옴표를 자유롭게 사용하며, ${ }를 이용하여 변수의 값을 문자열 안에 삽입한다.
    const num3 = 1;
    const num4 = 2;
    const result2 = 3;
    const string2 = `${num3} 더하기 ${num4} 는 '${result2}'`;
    console.log(string2);

    • 기존의 EL문법처럼 중괄호안에서는 각 변수들간의 연산도 가능하다.
    // 기존의 EL 문법처럼 중괄호안에서는 각 변수들간의 연산도 가능하다.
    const num5 = 2000;
    const num6 = 3;
    const text = `${num5}원짜리 모자를 ${num6}개 구입하여, ${num5*num6 }원을 지출하였습니다.`;
    console.log(text);

     

    300x250