lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

webIntroJsChapter1Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// 자료형을 설명하는 JavaScript 예시 코드

// 숫자형
let age;
let height = 170.5;

// 문자열형
let name = '지훈';
let message = '안녕하세요?';

// 불리언형
let isStudent = true;
let hasDriverLicense = false;

// 객체형
let student = {
  name: '지훈',
  age: 16,
  grade: '2학년',
};

// 배열형
let fruits = ['사과', '바나나', '포도'];

// 자료형 확인
console.log(`age의 자료형: ${typeof age}`); // number

console.log(`height의 자료형: ${typeof height}`); // number

console.log(`name의 자료형: ${typeof name}`); // string

console.log(`message의 자료형: ${typeof message}`); // string

console.log(`isStudent의 자료형: ${typeof isStudent}`); // boolean

console.log(`hasDriverLicense의 자료형: ${typeof hasDriverLicense}`); // boolean

console.log(`student의 자료형: ${typeof student}`); // object

console.log(`fruits의 자료형: ${typeof fruits}`); // object

# 자료형이란?

자료형이란 문자, 숫자, 참/거짓과 같은 데이터 자료의 `유형(Type)`을 뜻합니다.

 

## 1. 숫자 (Number)

정수, 실수, 자연수와 같은 숫자 값을 나타냅니다.

예시:

```javascript title="숫자 자료형"
let age = 16;
let height = 170.5;
```

 

## 2. 문자열 (String)

문자열은 텍스트 정보를 의미합니다. 따옴표(' ', " ") 안에 있는 글자나 단어, 문장을 모두 포함합니다.

예시:

```javascript title="문자열 자료형"
let name = '지훈';
let message = '안녕하세요?';
```

 

## 3. 불리언 (Boolean)

불리언 자료형은 참(`true`)과 거짓(`false`) 중 하나의 값만 가질 수 있습니다. 마치 스위치를 켜고 끄는 것과 같습니다.

예시:

```javascript title="불리언 자료형"
let isStudent = true;
let hasDriverLicense = false;
```

 

## 4. 객체 (Object)

객체는 여러 데이터를 한 데 모아서 나타내는 자료형입니다. 예를 들어 학생 객체는 이름, 나이, 학년 등의 정보를 담을 수 있습니다.

예시:

```javascript title="객체 자료형"
let student = {
 name: '지훈',
 age: 16,
 grade: '2학년',
};
```

 

## 5. 배열 (Array)

배열은 아래와 같이 동일한 유형의 데이터를 나열합니다.

```javascript title="배열 자료형"
let fruits = ['사과', '바나나', '포도'];
```

 

## 6. 기타 자료형

- `null`

`null`은 '값이 없음'을 의미하는 특별한 값입니다. 변수에 값이 할당되지 않은 상태를 표현하고 싶을 때, 의도적으로 `null`을 할당해서 '값이 없다'는 것을 명시적으로 표현합니다.

예시:

```javascript title="null 자료형"
let emptyValue = null;
```

 

- `undefined`

`undefined`는 변수가 선언되었지만, 아직 어떤 값도 할당되지 않은 상태를 나타냅니다. 즉, 값이 정의되지 않았음을 의미해요. 변수를 선언하고 초기화하지 않으면, 자바스크립트는 자동으로 그 변수에 `undefined` 값을 할당합니다.

예시:

```javascript title="undefined 자료형"
let notDefinedYet;
console.log(notDefinedYet); // 출력: undefined
```

- `null`과 `undefined`는 모두 '값이 없다'는 개념을 나타내지만, 사용되는 맥락과 의미가 다릅니다. `null`은 명시적으로 값이 없음을 표현하고자 할 때 사용하며, `undefined`는 변수의 초기 상태나 값을 받아야 할 곳에 값이 들어오지 않았을 때의 상태를 나타냅니다.