텍스트 문자의 연결 방법

문자열을 서로 연결하려면 + 연산자를 사용해서 연결하거나
ES6부터 추가된 template literal 방법을 사용할 수 있다

---

텍스트 + 텍스트

1. "텍스트" + "텍스트" = 텍스트텍스트

2. 변수 = "텍스트"
   변수 + "텍스트 = 텍스트텍스트

console.log("안녕" + "하세요"); // 결과 : 안녕하세요
console.log("안녕" + "하" + "세요"); // 결과 : 안녕하세요
console.log("안녕" + "하세" + "" + "요"); // 결과 : 안녕하세요

let hi = "안녕";
console.log(hi + "하세요"); // 결과 : 안녕하세요

let ha = "하세요";
console.log(hi + ha); // 결과 : 안녕하세요

텍스트 + 숫자

숫자를 "", '' 안에 넣으면 문자가 된다
JS에서 넥스트와 숫자를 구분하는 것은 ""이다

console.log("2" + "2"); // 결과 : 22
console.log(2 + 2); // 결과 : 4

String + Number을 더하면 항상 String로 형변환이 일어난다

console.log("2 더하기 2는 " + 2 + 2); // 결과 : 2 더하기 2는22

수학적으로 먼적 계산하고 싶으면 연산자 우선순위에 따라 ( )로 묶어주면 된다

console.log("2 더하기 2는 " +  (2 + 2)) // 결과 : 2 더하기 2는 4

template literal

ES6 부터 새로 나온 문자열 연결 방법이다 (변수 사용)
+ 연산자를 사용하지 않으며 백틱 표시(`)로 전체 문자열을 묶어주고
${문자열이 저장된 변수 이름} 을 지정하면 변수값이 template literal에 삽입된다

const myPet = 'armadillo';
console.log(`I own a pet ${myPet}.`);
// 결과 : I own a pet armadillo.