개발공부/리액트

[리액트] 기초지식 - 템플릿 리터럴

햄❤️ 2021. 3. 30. 13:17
728x90

템플릿 리터럴 : 자바스크립트 ES6에서 새로 도입한 문자열 표기법. '' "" 로 표기하지 않고 백틱을 사용해 표현하는 방식

 

 - 백틱(``)사용

 - var/let/const로 정의한 값을 ${} 로 불러올 수 있음 

let name = "amy";

//기존방법
let name = "Hello" + name ;

//템플릿 리터럴
let name2 = "Hello `${name}`;

- styled-component에서 사용

 

728x90