자바스크립트 | 레츠기릿 자바스크립트 5

자료형

자바스크립트 언어에 존재하는 값.

값(value)은 프로그램이 조작할 수 있는 데이터를 의미한다.

값에는 여러가지 종류가 있으며 이런 값의 종류를 자료형(Data Type)이라고 한다.

---

• 문자열(String)

프로그래밍에서 하나의 글자를 문자라고 한다. 문자들이 하나 이상 나열되어 있다고 해서 문자열이라고 한다.

원하는 값을 입력 할 떄 시작과 끝이 작은 따옴표로 감싸진 값이 문자열이다. 

'Hello, world'
"Hello, world"
`Hello, world`

`` : 백틱 , 문자열 입력 시 줄바꿈이 가능하다. (mac 단축키: option + ₩)

\n : 줄바꿈

 

이전에 console.log 를 실행할 때 < undefined 가 콘솔에 출력됐지만 이번에는 "Hello, world"가 출력된다. 

< 뒤에 나오는 값은 콘솔에 입력한 명령의 값이다. 문자열을 입력했기 때문에 그 값이 그대로 출력된다.

이렇게 결과값이 나오는 명령을 식(또는 표현식 expression)이라고 한다. 

 

• typeof

내가 입력한 값의 타입이 궁금할 때 typeof로 확인한다.

• \  escape

문자열 내부에 나오는 따옴표 앞에 \를 붙였다. \는 언어에 따라 백슬래시(\)나 ₩기호로 다르게 표시된다.

\를 붙이면 다음에 나오는 문자를 기존과는 다르게 처리하고 엔진에게 알리는 역할을 한다.

기존 방식에서는 따옴표가 문자열의 끝을 알리는 문자였다면, \붙은 따옴표는 보통의 문자로 해석된다.

이렇게 문자가 다르게 해석되게 하는 행위를 이스케이핑이라고 하며, 따옴표를 이스케이핑한다고 표현한다.

"문자열 안에 큰따옴표(\")가 있어요";
'문자열 안에 작은따옴표(\')가 있어요';

문자열 내부에서 \를 사용하고 싶다면 \를 이스케이핑할 수 있다. 마찬가지로 안에 \를 붙이면 된다.

• (소)문자열 여러줄로 나타내기

문자열 내에서 문자들이 여러줄에 걸쳐 나타나게 할 수 있다. 문자열 내에 \n을 넣어 줄바꿈하면 된다.

\n은 두 글자지만 특수한 역할을 하기 때문에 프로그래밍에서는 한 문자로 친다.

 

\n 문자를 사용하지 않고 줄바꿈을 하면 에러가 발생한다. 

'여러 줄에 걸쳐\n표시됩니다.\n\n줄을 더 늘려볼까요.'

??

💡 \n 줄바꿈이 안될 때 해결방법

 

• (소)템플릿 리터럴 사용하기

지금까지 큰 따옴표와 작은 따옴표로 문자열을 표현했다. 사실 문자열을 표현하는 방법이 더 있다.

백틱(`, backtick 또는 backquote)으로 감싸는 방법이다.

이 처럼 백틱으로 감싸진 문자열을 템플릿 리터럴이라고 한다.

빈 문자열도 다음과 같이 표현할 수  있다.

줄바꿈을 할 때 백틱 문자열이 편하다. \n를 사용하지 않아도 줄바꿈이 된다.

 

• 문자열 합치기

코딩을 하다보면 문자열이 가로로 너무 길어질 때가 있다. 이럴 때는 문자열을 합치는 방법이있다.

두 개의 문자열 사이에 + 기호를 두면 두 문자열이 합쳐진다.