들어가기에 앞서..
오늘은 ES6 주제인 템플릿 리터럴에 대해서 배웁니다.
간단하지만 강력한 기능을 가졌습니다.
오늘은 무엇을 배울까 ?
템플릿 리터럴 , 백틱 ,인터폴레이션
템플릿 리터럴
템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용한다.
템플릿 리터럴은 '작은따옴표(single quotes)'과 "큰따옴표(double quotes)"를 혼용할 수 있다.
일반적인 문자열에서 공백을 표현하기 위해 백슬레시로 시작하는 이스케이프 시퀀스를 사용하지만 ES6 템플릿 리터럴은 white-space는 있는 그대로 적용된다.
인터폴레이션
템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을 제공한다.
문자열 인터폴레이션은 ${ … }으로 표현식을 감싼다. 문자열 인터폴레이션 내의 표현식은 문자열로 강제 타입 변환된다.
백틱을 사용하고 인터폴레이션을 넣으면 할당, 선언한 내용을 삽입할수 있다!!
프론트엔드 개발자 초보에서 고수까지!