템플릿 리터럴 및 형변환

• template literal : 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.
• 템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다.
• ES2015 사양명세서에선 template strings라고 불렸습니다.
• 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다.
• 프론트엔드에서는 HTML을 데이터와 결합해서 DOM을 다시 그려야 하는 일이 빈번하기 때문에, 템플릿을 좀 더 쉽게 편집하고 작성해야 할 필요가 있어서, 이러한 기능이 추가되었습니다.(자바스크립트 자체적으로 지원하기 전에도 라이브러리로 존재했습니다.)
• 표현식 삽입법(expression interpolation)
• 템플릿 리터럴에서는 아래와 같이 $와 중괄호{}를 사용하여 표현식을 표기할 수 있습니다.
• let a = 20;  let b = 8;  let c = "자바스크립트";
• let str = `저는 ${a+b}살이고 ${c}를 좋아합니다.`;
• console.log(str);   //저는 28살이고 자바스크립트를 좋아합니다.
• 위 처럼 + 연산자로 문자열을 연결해주는 것보다 가독성이 더 좋습니다.

---

• → typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환합니다.
• → ex) typeof 3.14 === 'number'; typeof "" === 'string';

• parseInt : parseInt() 함수는 문자열 인자를 구문분석하여 특정 진수(수의 진법 체계에 기준이 되는 값)의 정수를 반환합니다.
  → ex) parseInt(string, radix); ---> parseInt(‘10’) 은 10이 출력,radix(진수를 지정하지 않는 경우 자동으로 10진수로 지정)
• → parseInt(‘10’,2)은 2가 출력, 진수는 2진수로 지정 -> 10은 2진수로 2이기 때문에 2가 출력된다. 
• → 숫자가 아닌경우 NaN을 출력(Not A Number) / 숫자로 변환할 수 없는것을 의미
•  parseFloat
• → parseFloat() 함수는 문자열을 분석해 부동소수점 실수로 반환합니다.
• → 숫자가 아닌경우 NaN을 출력(Not A Number) / 숫자로 변환할 수 없는것을 의미