## undefined: 이해하기 쉽고 유익한 가이드

**소개**

`undefined`는 JavaScript에서 정의되지 않은 값을 나타내는 특수 키워드입니다. 변수나 객체의 속성에 값이 할당되어 있지 않거나 존재하지 않는 경우 `undefined` 값이 반환됩니다. 이 개념을 이해하는 것은 JavaScript 코드 작성에 필수적이며, 오류를 디버깅하고 예상치 못한 동작을 피할 수 있도록 합니다.

**undefined와 null의 차이점**

`undefined`와 `null`은 종종 혼동되지만 둘 사이에는 중요한 차이점이 있습니다. `undefined`는 값이 정의되지 않은 변수나 객체 속성을 나타내는 반면, `null`은 명시적으로 정의된 값이지만 해당 값이 “없음”을 나타냅니다.

다음 표는 `undefined`와 `null`의 주요 차이점을 요약합니다.

| 특성 | undefined | null |
|—|—|—|
| 유형 | 프리미티브 값 | 오브젝트 값 |
| 할당 | 변수 또는 객체 속성이 정의되지 않은 경우 | 명시적으로 값을 “없음”으로 설정한 경우 |
| 동등성 비교 | 다른 undefined 값과 동등 | null과 동등 |
| 형 변환 | 다른 유형으로 쉽게 변환 | 다른 유형으로 변환 불가 |

**undefined의 사용 사례**

`undefined`는 다음과 같은 상황에서 유용하게 사용할 수 있습니다.

* 변수에 아직 값이 할당되지 않은 “플레이스홀더”로 사용할 때
* 객체 속성이 존재하지 않는 것을 나타낼 때
* 기본값을 제공할 때 (예: `function(x = undefined) {}`)
* 함수가 아무런 인수도 받지 않을 때 (예: `function() { undefined; }`)

**undefined를 피하는 방법**

코드에서 `undefined`를 피하려면 다음과 같은 모범 사례를 따르는 것이 좋습니다.

* 변수를 선언할 때 항상 기본값을 제공
* 객체 속성에 값이 있음을 확인
* `typeof` 연산자를 사용하여 값이 `undefined`인지 확인
* `===` 또는 `!==` 연산자를 사용하여 값의 동등성을 비교

**예시**

다음은 `undefined`를 올바르게 사용하는 JavaScript 코드의 예입니다.

“`javascript
// 변수에 기본값 지정
let name = “John Doe” || undefined;

// 객체에 값 있음 확인
const person = {
name: “Jane Smith”,
age: 30
};

if (person.address !== undefined) {
console.log(“주소가 있습니다.”);
}

// 함수에 기본 인수 지정
function sayHello(name = undefined) {
console.log(`Hello, ${name}!`);
}
“`

**결론**

`undefined`는 JavaScript에서 정의되지 않은 값을 나타내는 중요한 키워드입니다. 이 개념을 이해하면 JavaScript 코드 작성을 개선하고 오류를 방지하는 데 도움이 될 수 있습니다. 변수나 객체 속성이 정의되지 않은 경우 `undefined`를 사용하여 이를 명확하게 나타내고 예상치 못한 동작을 피하십시오.