개발 관련 부가 지식/자바스크립트,CSS
자바스크립트 Template Literal
Developer-Choi
2023. 1. 31. 23:52
728x90
728x90
기본적으로 쓰고는 있었지만, 찾아보고 정리해본 적이 없어서 이참에 간단히 정리해봄..
Template Literal (템플릿 리터럴)
-> 내장된 표현식을 허용하는 문자열 리터럴이다.
-> 이중 따옴표 나 작은 따옴표 대신 백틱(` `) 을 이용
-> 백틱(` `) 안에서 ${변수명} 를 통해 변수를 입력할 수 있고, 연산도 가능하다
-> 백틱(` `) 안에서 줄 바꿈, 띄어쓰기를 일반 타이핑 처럼 해도 문제가 없다.
-> 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 변환 된다.
ex) 변수 사용 예제
ex) 연산 예제
ex) 띄어쓰기 및 줄바꿈 예제