[JavaScript]문자열 조작 : template

🔻template🔻

• template String, template literals 라고도 한다.
• ES6(ECMAScript 2015)에서 추가된 문자열 표기법이다.
• 백쿼트 또는 백틱(`) 사용하여 정의하며, ${}를 사용하여 변수나 표현식을 쉽게 문자열 안에 삽입할 수 있다.

 

JavaScript 문자열 표기법으로 아래 3가지가 있다.

1. 'string'

2. "string"

3. `string` > template string

    <script>
        let a = '홍길동';
        let b = "홍길동";
        let c = `홍길동`;

        console.log(a === b);   //true
        console.log(a === c);   //true
    </script>

표기법은 어떤 것으로 하든지 형식은 동일하다.

 

template 사용법

    <script>

        let name = '홍길동';
        let age = '20';

        console.log(`이름은 ${name}이고, 나이는 ${age}세입니다.`)

    </script>

 

    <script>

        let temp = `
            하나
            둘
            셋`;
        console.log(temp);

        let temphtml = `
            <tr>
                <td>text</td>
            </tr>
            <tr>
                <td>text</td>
            </tr>`;

    </script>

 

innerHTML을 사용하는 경우 또는 다량의 텍스트를 조작할 때 엔터를 넣을 수 있다.