[Javascript/ES06] 템플릿 리터럴 ``(백틱) 사용법

템플릿 리터럴?

• ES6부터 도입된 새로운 문자열 표기법
• 편리한 문자열 처리 기능을 제공
• 템플릿 리터럴은 백틱(`)을 사용해 표현하며, 런타임에 일반 문자열로 변환되어 처리

 

그럼 어디에 어떻게 사용할 때 좋을까?

let table = "<table><tr><td>테스트중</td></tr></table>"

그냥 일반적인 문자열로 테이블 태그를 표시하려면 줄바꿈이 되지 않기 때문에 이런식으로 한줄씩 써야 함. 한 두번이면 괜찮은데 안에 태그 내용이 복잡해지거나 수정이 반복적으로 이뤄질 때는 엄청 불편함. 

 

let table = ` <table>
                <tr>
                    <td>테스트</td>
                </tr>
            </table>
            `

그런데 백틱을 사용하면 이렇게 한줄로 하지 않아도 일반 문자열을 사용하는 것처럼 인식함. 

 

---

출처 - https://velog.io/@starrypro/Part-6.-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%EC%9E%85

Part 6. 데이터 타입