6장 데이터 타입

// 모두 number 타입
var integer = 10;
var double = 10.12;
var negative = -20;
 
// 모든 숫자는 실수로 처리
console.log(1 === 1.0);  // true
console.log(4 / 2);      // 2
console.log(3 / 2);      // 1.5 (정수 나눗셈 아님)

var binary = 0b01000001;  // 2진수 (0b 접두사)
var octal = 0o101;        // 8진수 (0o 접두사)
var hex = 0x41;           // 16진수 (0x 접두사)
 
console.log(binary);      // 65
console.log(octal);       // 65
console.log(hex);         // 65
console.log(binary === octal);  // true
console.log(octal === hex);     // true

console.log(10 / 0);        // Infinity
console.log(10 / -0);       // -Infinity
console.log(1 * 'String');  // NaN

console.log(NaN === NaN);        // false
console.log(Number.isNaN(NaN));  // true
console.log(Number.isNaN(10));   // false

var string;
string = '문자열';    // 작은따옴표
string = "문자열";    // 큰따옴표
string = `문자열`;    // 백틱 (ES6)
 
// 따옴표 내부의 다른 종류 따옴표 = 문자열로 인식
string = '작은따옴표로 감싼 문자열 내의 "큰따옴표"는 문자열로 인식된다.';
string = "큰따옴표로 감싼 문자열 내의 '작은따옴표'는 문자열로 인식된다.";

var string = hello;  // ReferenceError: hello is not defined
var string = 'hello';  // 'hello'라는 문자열

var str = 'Hello';
str[0] = 'W';  // 변경 불가 (에러 없지만 변경 안 됨)
console.log(str);  // 'Hello'

var template = `Template literal`;
console.log(template);  // Template literal

// 잘못된 예: 개행 직접 입력
var str = 'Hello
world.';  // SyntaxError: Invalid or unexpected token
 
// 올바른 예: 이스케이프 시퀀스 사용
var template = '<ul>\n\t<li><a href="#">Home</a></li>\n</ul>';
console.log(template);
// 출력:
// <ul>
// 	<li><a href="#">Home</a></li>
// </ul>

var template = `<ul>
  <li><a href="#">Home</a></li>
</ul>`;
 
console.log(template);
// 출력:
// <ul>
//   <li><a href="#">Home</a></li>
// </ul>

var first = 'Ung-mo';
var last = 'Lee';
 
// ES5: 문자열 연결
console.log('My name is ' + first + ' ' + last + '.');
// My name is Ung-mo Lee.

var first = 'Ung-mo';
var last = 'Lee';
 
// ES6: 표현식 삽입
console.log(`My name is ${first} ${last}.`);
// My name is Ung-mo Lee.

console.log(`1 + 2 = ${1 + 2}`);  // 1 + 2 = 3

console.log(`1 + 2 = ${1 + 2}`);  // 1 + 2 = 3 (표현식 평가)
console.log('1 + 2 = ${1 + 2}');  // 1 + 2 = ${1 + 2} (문자열 그대로)

var foo = true;
console.log(foo);  // true
 
foo = false;
console.log(foo);  // false

var isAdult = true;
 
if (isAdult) {
  console.log('성인입니다.');
} else {
  console.log('미성년자입니다.');
}

var foo;
console.log(foo);  // undefined

var foo = null;  // 의도적으로 값 없음 명시

var foo = 'Lee';
 
// foo가 더 이상 'Lee'를 참조하지 않도록 설정
// 이전 값 참조 제거 → 가비지 컬렉션 대상
foo = null;

var element = document.querySelector('.myClass');
// HTML 문서에 .myClass 없으면 null 반환
console.log(element);  // null

// 심벌 값 생성
var key = Symbol('key');
console.log(typeof key);  // symbol
 
// 객체 생성
var obj = {};
 
// 심벌을 프로퍼티 키로 사용
obj[key] = 'value';
console.log(obj[key]);  // value

// 서로 다른 심벌 = 유일무이
var symbol1 = Symbol('mySymbol');
var symbol2 = Symbol('mySymbol');
 
console.log(symbol1 === symbol2);  // false
 
// 객체 프로퍼티 키 충돌 방지
var obj = {
  [symbol1]: 'value1',
  [symbol2]: 'value2'
};
 
console.log(obj[symbol1]);  // value1
console.log(obj[symbol2]);  // value2

var obj = { name: 'Lee', age: 20 };  // 객체
var arr = [1, 2, 3];                 // 배열 (객체)
var func = function() {};            // 함수 (객체)

var score = 100;

var score = 100;
console.log(score);  // 변수 score 참조

// C 언어 예시
char c;      // 1바이트 정수 타입 (-128 ~ 127)
int num;     // 4바이트 정수 타입
 
c = 100;     // OK
c = "Hello"; // 컴파일 에러: 타입 불일치

var foo;
console.log(typeof foo);  // undefined
 
foo = 3;
console.log(typeof foo);  // number
 
foo = 'Hello';
console.log(typeof foo);  // string
 
foo = true;
console.log(typeof foo);  // boolean
 
foo = null;
console.log(typeof foo);  // object (JS의 버그)
 
foo = Symbol();
console.log(typeof foo);  // symbol
 
foo = {};
console.log(typeof foo);  // object
 
foo = [];
console.log(typeof foo);  // object
 
foo = function() {};
console.log(typeof foo);  // function

A. 42
B. '42'
C. true
D. undefined
E. null
F. Symbol('key')
G. { name: 'Lee' }
H. [1, 2, 3]
I. function() {}

console.log(1 === 1.0);
console.log(0.1 + 0.2 === 0.3);
console.log(10 / 0);
console.log(-10 / 0);
console.log(0 / 0);

var firstName = 'John';
var lastName = 'Doe';
var age = 25;

// A
var foo;
console.log(foo);  // undefined
 
// B
var bar = undefined;
 
// C
var baz = null;

var data = '100';
console.log(data + 50);    // 기대: 150
console.log(data - 50);    // 기대: 50

var user = {
  name: 'Lee',
  age: 20
};

var num = 10;
var str = String(num);       // '10'
var bool = Boolean(num);     // true
 
var str2 = '100';
var num2 = Number(str2);     // 100
var num3 = parseInt(str2);   // 100

var x = 10;
 
// 문자열 연결 연산자
var str = x + '';            // '10' (숫자 → 문자열)
 
// 산술 연산자
var num = '10' - 0;          // 10 (문자열 → 숫자)
var num2 = '10' * 1;         // 10 (문자열 → 숫자)
 
// 불리언 컨텍스트
if ('hello') {               // 'hello' → true
  console.log('참');
}
 
if (0) {                     // 0 → false
  console.log('거짓');
}

// Falsy 값
if (false) { }      // 실행 안 됨
if (0) { }          // 실행 안 됨
if ('') { }         // 실행 안 됨
if (null) { }       // 실행 안 됨
if (undefined) { }  // 실행 안 됨
if (NaN) { }        // 실행 안 됨
 
// Truthy 값
if (true) { }       // 실행됨
if (1) { }          // 실행됨
if ('hello') { }    // 실행됨
if ({}) { }         // 실행됨 (빈 객체도 Truthy)
if ([]) { }         // 실행됨 (빈 배열도 Truthy)

// 원시 타입
var num1 = 100;
var num2 = num1;  // 값 복사
num2 = 200;
 
console.log(num1);  // 100 (변경 안 됨)
console.log(num2);  // 200
 
// 객체 타입
var obj1 = { value: 100 };
var obj2 = obj1;  // 참조값 복사
obj2.value = 200;
 
console.log(obj1.value);  // 200 (함께 변경됨)
console.log(obj2.value);  // 200