String

const string1 = "Hello"; 
const string2 = 'Hello';
// 큰 따옴표 작은 따옴표 중 취향의 차이로 선택적으로 사용하면 된다.

const string3 = `Hello ${string1} ?!`; 
// 백틱은 선택이라는 개념보다는 보관이라는 개념으로 접근해야함.

console.log(string3);

스크린샷 2023-11-20 오전 10.48.11.png

위와 같이 backtick이라는 기호를 통해 문자 데이터를 만드는 것을 template literal이라고 합니다.

큰 따옴표, 작은 따옴표도 기호를 통해서 문자 데이터를 만드는 것을 literal이라고 합니다.

Number

const number = 123;
console.log(number + 1); // 124

위와 같이 변수에 Number 타입의 값을 할당하고 계산하면 +1이 된 124가 출력된 것을 확인할 수 있는데,

음수값도 할당이 가능합니다.

const number = -123;
console.log(number - 1); // -122

부동소수점(Float)

const pi = 3.14;
console.log(pi); // 3.14
const float1 = 0.14; // 정수부분이 0이면 0을 생략한 .14도 가능
console.log(float1); // 0.14

또한, NaN이라는 type이 있는데, 아래와 같이 number에 undefined를 더한 것으로 확인할 수 가 있습니다.

console.log(number + undefined); // NaN(Not a Number)
console.log(typeof (number + undefined)); // Number
console.log(typeof pi); // Number

위와 같이 typeof 키워드를 사용하면 값의 타입을 확인할 수 있는데, 값의 타입은 Number이지만 어떤 특정한 숫자로 표현할 수 없기에 NaN으로 표시를 합니다.

부동소수점 오류

const a = 0.1;
const b = 0.2;

console.log(a + b); // 0.30000000000000004