2일차: 데이터 타입과 연산자

2일차에서는 자바스크립트의 기본 데이터 타입과 연산자에 대해 배웁니다. 데이터 타입은 자바스크립트에서 변수가 가질 수 있는 값의 종류를 정의하며, 연산자는 값을 처리하거나 비교하는 데 사용됩니다. 또한, 형 변환에 대해서도 이해하고 실습을 통해 자주 사용하는 연산자들을 익힐 것입니다.

---

기본 데이터 타입

자바스크립트에는 기본적으로 5가지 주요 데이터 타입이 있습니다. 각 데이터 타입은 값을 나타내며, 각기 다른 용도로 사용됩니다.

1. 숫자(Number):

   • 정수와 실수를 모두 표현할 수 있는 데이터 타입입니다.
   • 예시: 25, 3.14, -100

     let num = 10;
     console.log(num);  // 10

2. 문자열(String):

   • 텍스트를 표현하는 데 사용됩니다. 문자열은 작은 따옴표(')나 큰 따옴표(")로 감쌀 수 있습니다.
   • 예시: 'Hello', "World"

     let str = "Hello, world!";
     console.log(str);  // "Hello, world!"

3. 불리언(Boolean):

   • true 또는 false 값을 가집니다. 조건문에서 사용되며, 참과 거짓을 나타냅니다.

     let isActive = true;
     console.log(isActive);  // true

4. null:

   • null은 "없음" 또는 "의도적으로 비어있는 값"을 나타냅니다.

     let empty = null;
     console.log(empty);  // null

5. undefined:

   • 변수는 선언되었지만 값이 할당되지 않은 상태를 나타냅니다. 자바스크립트에서 값을 할당하지 않은 변수는 자동으로 undefined를 가집니다.

     let x;
     console.log(x);  // undefined

---

typeof 연산자로 데이터 타입 확인하기

typeof는 변수의 데이터 타입을 확인할 수 있는 연산자입니다. 변수의 값을 확인할 때 사용합니다.

let age = 25;
console.log(typeof age);  // "number"

let name = "홍길동";
console.log(typeof name);  // "string"

let isActive = true;
console.log(typeof isActive);  // "boolean"

let empty = null;
console.log(typeof empty);  // "object" (주의: null은 "object"로 반환됩니다.)

let x;
console.log(typeof x);  // "undefined"

---

연산자

자바스크립트에서는 다양한 연산자를 사용하여 값들을 계산하거나 비교할 수 있습니다. 주요 연산자들은 아래와 같습니다.

1. 산술 연산자 (Arithmetic Operators):

   • 숫자 값을 계산할 때 사용합니다.
   • + (덧셈), - (뺄셈), * (곱셈), / (나눗셈), % (나머지)

     let a = 10, b = 5;
     console.log(a + b);  // 15 (덧셈)
     console.log(a - b);  // 5 (뺄셈)
     console.log(a * b);  // 50 (곱셈)
     console.log(a / b);  // 2 (나눗셈)
     console.log(a % b);  // 0 (나머지)

2. 비교 연산자 (Comparison Operators):

   • 두 값을 비교하여 불리언 값(true 또는 false)을 반환합니다.
   • == (같다), === (엄격하게 같다), != (같지 않다), > (크다), < (작다), >= (크거나 같다), <= (작거나 같다)

     let x = 10, y = 5;
     console.log(x == y);   // false
     console.log(x === y);  // false (타입까지 비교)
     console.log(x != y);   // true
     console.log(x > y);    // true
     console.log(x < y);    // false
     console.log(x >= 10);  // true
     console.log(x <= 10);  // true

3. 논리 연산자 (Logical Operators):

   • 여러 조건을 결합하여 참(true) 또는 거짓(false) 값을 반환합니다.
   • && (논리 AND), || (논리 OR), ! (논리 NOT)

     let a = true, b = false;
     console.log(a && b);  // false (AND)
     console.log(a || b);  // true (OR)
     console.log(!a);      // false (NOT)

---

형 변환 (Type Conversion)

자바스크립트에서 변수의 데이터 타입을 변환할 때 암묵적 형 변환(자동 변환)과 명시적 형 변환(수동 변환)을 사용할 수 있습니다.

1. 암묵적 형 변환 (Implicit Type Conversion):

   • 자바스크립트는 연산을 수행할 때 자동으로 타입을 변환할 수 있습니다. 예를 들어, 문자열과 숫자를 더할 때 숫자가 문자열로 변환됩니다.

     let num = 10;
     let str = "The number is " + num;
     console.log(str);  // "The number is 10" (숫자가 문자열로 변환됨)

2. 명시적 형 변환 (Explicit Type Conversion):

   • 변수를 의도적으로 다른 타입으로 변환할 수 있습니다. 주로 String(), Number(), Boolean()을 사용합니다.

     let numStr = "123";
     let num = Number(numStr);
     console.log(num);  // 123 (문자열에서 숫자로 변환)
     

   let boolStr = "true";
   let bool = Boolean(boolStr);
   console.log(bool); // true (문자열 "true"는 true로 변환됨)

---

실습: 다양한 연산자를 사용하여 계산하기

1. 목표: 산술 연산자, 비교 연산자, 논리 연산자를 사용하여 계산해 봅니다.

2. 단계:

   • 변수 두 개를 선언하고 산술 연산자(+, -, *, /)를 사용하여 계산합니다.
   • 두 값을 비교하여 그 결과를 출력합니다.
   • 논리 연산자를 사용하여 조건을 결합합니다.

3. 예시:

   let num1 = 10, num2 = 5;
   
   // 산술 연산자
   console.log("덧셈:", num1 + num2);  // 15
   console.log("나눗셈:", num1 / num2);  // 2
   
   // 비교 연산자
   console.log("num1은 num2보다 크다:", num1 > num2);  // true
   
   // 논리 연산자
   let isAdult = true, hasPermission = false;
   console.log("입장 가능:", isAdult && hasPermission);  // false

---

이번 2일차에서는 자바스크립트의 다양한 데이터 타입과 연산자에 대해 배웠습니다. 또한 형 변환과 연산자들을 실습하여 자주 사용하는 기본적인 연산자들을 익혔습니다.