React 기초 )) JavaScript template literal

1.JavaScript template literal

• Styled Component를 사용하기 위한 JS 기본 문법
• Template literals : 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
• 쉽게 말해 문자열 안에서 JS표현식(expression)을 사용할 수 있게 하는 문법

`string text ${expression} string text`

 

템플릿 리터럴	결과값
`${string}`	string
`${number}`	number
`${boolean}`	true / false
`${object}`	[object object]
`${삼항연산자(=ternary operator)}`	참인 값