템플릿 리터널은 내장된 표현식을 허용하는 문자열 리터럴입니다.

const name = "철수"
const age = 12

//기본 방식
console.log(name + "는" + age + "살 입니다") //'철수는12살 입니다'

//템플릿 리터널
console.log(`${name}는 ${age}살 입니다.`) //'철수는 12살 입니다.'

이렇게 ``안에 문자열과 변수를 함께 사용하며 띄어쓰기도 모두 그대로 적용할 수 있으며,

${}안에는 변수와 연산자 ( +, -, *, /, 등) 도 모두 사용할 수 있다.

 

 

'리액트' 카테고리의 다른 글

클래스형(Class) 컴포넌트와 함수형(Functional) 컴포넌트  (0) 2023.02.05
state prev는 무엇일까?  (0) 2023.01.29
try ...catch 사용하기  (0) 2023.01.24
Git 명령어  (0) 2023.01.24
import와 Export  (0) 2023.01.24

+ Recent posts