위코드 사전 스터디 1주차 수업을 듣고 쓰는 글입니다.
수업 내용을 참고/인용하여 작성했습니다.

String의 새로운 연결

이전에 문자열인 string은 +기호를 이용해 연결이 가능하다고 했습니다.

console.log(22);
//숫자형 22를 넣었으므로 22가 출력됩니다.
console.log('2'+'2');
//문자형 2와 2를 같이 넣었으므로 22가 출력됩니다.
console.log(2,2);
console.log('2','2');
//숫자형과 문자형 둘다 콤마로 구분해주었으므로 2(공백)2가 출력됩니다.

하지만 누군가는 이런 걸 시도해봤을겁니다.

console.log(2 + '2')

숫자 2와 문자 2를 같이 연결해버렸어요.

이렇게 넘버와 스트링 데이터가 퓨전이 되는 경우엔, 문자열 22가 출력됩니다.
순서를 바꿔 볼까요?

console.log('2' + 2)
//문자열 22가 출력됩니다.

순서를 바꿔도 결과가 같은 걸 보니 순서는 딱히 상관없는 것 같습니다.

length 메소드

console.log에서 log 와 같은 명령어를 메소드라고 합니다. 자바스크립트에 기본적으로 내장되어 있습니다.
이 length 메소드는 문자열의 글자수를 세어주는 역할을 하는데, 당연히 공백까지 세어줍니다. 공백까지 문자열에 포함되니까요.
기본 양식과 활용 방법은 이렇습니다.

(메소드를 사용할 객체).length;

let sample = '김수한무 거북이와 두루미 삼천갑자 동방삭 치치카포 사리사리센타 워리워리 세브리깡 무두셀라 구름이 허리케인에 담벼락 담벼락에 서생원 서생원에 고양이 고양이엔 바둑이 바둑이는 돌돌이'

const word = sample.length;
console.log(word);
//99가 출력됩니다.

이렇게 length 메소드를 활용하면 긴 글자수도 문제없이 카운팅이 가능합니다!

따옴표는 불편해

변수에서 문자열 데이터 값을 넣어줄때는 ' 이 친구와" 이 친구를 사용합니다.
그런데 아까 제가 위에서 김수한무 어쩌고를 적었을때,줄바꿈인 엔터 기능을 사용하면 그대로 따옴표 사이의 링크가 끊어져버리는 불편함이 발생해요.

그리고 문장을 쓰다 보면 따옴표 안에 또 따옴표가 들어가야 하는 경우도 있겠죠?

이럴 때 요긴하게 사용하는 색다른 기호가 있습니다. 바로 억음 부호 `(backtick)인데요, 키보드에서 물결무늬와 함께 있는 그것 맞습니다.
좀 보기 힘들지만 위에 올려둔 짤의 대사를 그대로 옮겨보겠습니다.

따옴표 이용법

let desc1 = '"좋아한다..자존심(이하생략)좋아해..."';
let desc2 = '-전국서열1위 그놈과 찜질방에서의 만남 중';
console.log(desc1)
console.log(desc2)
//그대로 복사하여 콘솔에서 실행해봅시다!

백틱 이용법

let desc3 = `"좋아한다..자존심(이하생략)좋아해..."
-전국서열1위 그놈과 찜질방에서의 만남 중`;
console.log(desc3)
//그대로 복사하여 콘솔에서 실행해봅시다!

위처럼 백틱을 이용하면 엔터키를 포함하여 줄바꿈도 가능하고 보다 자유롭게 따옴표까지 사용할 수 있습니다. 부끄러움은 저의 몫이네요.

마무리

string은 말 그대로 문자인 만큼 그 변수가 많은 데이터타입이라고 생각합니다.
지금은 이 정도만 써두었지만 앞으로 코드를 다루면서 string을 다루는 여러 메소드들을 만나볼 수 있을 것 같습니다.