텍스트 문자열의 연결

1. 텍스트 문자열의 연결

로그인후 로그인에 성공하면 자동으로 "안녕하세요 @@님"이라는 안내문구를 만들고 싶을때, 사용자들의 이름을 하나하나 다 입력해서 출력하게 만드는 코드는 복잡하다. 만약 사용자가 10억명이 넘는다면 그 사람들의 이름을 하나하나 다 코드로 작성하면, 최소 10억줄의 코드를 써야한다. 이렇게 되면 수정이 필요할때도 접근하기 힘들다.

2. 텍스트 + 텍스트

let userName = "김자바";
console.log("안녕하세요! " + userName + "님.");

위의 코드에서 콘솔에 출력되는 결과는 '안녕하세요! 김자바님.'이다.

• 텍스트들끼리 더하기 기호를 이용하여 조합할 수 있다.
• 텍스트 결합내에 변수이름을 사용하여 연결이 가능하다.
• 띄어쓰기가 필요한 경우, " "안에 넣어줘야한다. (콘솔내부에 띄어쓰기를 한다고 콘솔창에도 띄어쓰기가 될거라는 기대를 하면 안된다.)

3. 텍스트 + 숫자

console.log("1" + "1");

인간이 보기에는 둘다 숫자니까 위의 결과는 2가 나와야 된다고 생각한다. 하지만 쌍따옴표 안은 컴퓨터가 String으로 인식하기 때문에 이 코드는 앞서 우리가 한 텍스트 + 텍스트의 방식이 적용되어 11이라는 값이 콘솔창에 나온다. 숫자끼리의 덧셈으로 하려면 양쪽 1모두 따옴표 바깥에 위치해야한다.

console.log("1 더하기 1은 " + 1 + 1);

위의 결과는 "1 더하기 1은 11"이라고 나온다. 그 이유는 텍스트+숫자+숫자의 형태이기 때문이다.
이를 통해 텍스트 + 숫자는 String 과 Number형의 결합이지만 결과값은 항상 String으로 나온다는것을 알 수 있다. 다른 언어를 공부한 사람들은 이해가 되지 않을것이다. C언어에서는 data type이 다른것들끼리 더할 수가 없기 때문이다. 하지만 Javascript는 유연한 언어여서 이것이 가능하다.