‘Undefined’ 개념에 대한 이해: 정의되지 않은 것의 의미와 중요성

세상에는 명확하게 정의되거나 측정될 수 있는 것들이 있는 반면, ‘Undefined'(정의되지 않음)라는 모호하고 때로는 복잡한 개념 또한 존재합니다. ‘Undefined’는 단순히 ‘알 수 없음’을 넘어, 특정 맥락에서 논리적으로 불가능하거나, 존재하지 않거나, 아직 결정되지 않았거나, 혹은 의도적으로 비어 있는 상태를 지칭하는 포괄적인 용어입니다. 이 개념은 수학, 컴퓨터 과학, 철학 등 다양한 분야에서 중요한 의미를 가지며, 각 분야의 특성에 따라 그 해석과 활용이 달라집니다.

이 글에서는 ‘Undefined’가 무엇을 의미하는지, 그리고 왜 이 개념을 이해하는 것이 중요한지에 대해 다양한 관점에서 구체적이고 심층적으로 탐구하고자 합니다. 특히 프로그래밍 분야에서 ‘Undefined’가 어떻게 사용되고 오해될 수 있는지에 초점을 맞춰 설명할 것입니다. 이 글을 통해 ‘Undefined’라는 용어의 본질을 파악하고, 예측 불가능한 상황을 명확하게 인지하며 문제를 해결하는 데 도움이 되는 기반 지식을 얻으실 수 있을 것입니다.

1. 수학적 관점의 ‘Undefined’

수학에서 ‘Undefined’는 특정 연산이나 함수가 특정 지점에서 유효한 결과값을 가지지 못할 때 사용됩니다. 이는 연산의 규칙이 적용될 수 없거나, 결과가 유일하게 결정되지 않기 때문입니다.

1.1. 0으로 나누기 (Division by Zero)

가장 대표적인 예시는 0으로 나누기입니다. 예를 들어, a / 0 (a ≠ 0)은 정의되지 않습니다. 그 이유는 다음과 같습니다.

• 몫의 정의에 위배: 나눗셈은 곱셈의 역연산입니다. 즉, a / b = c 라면, b * c = a가 성립해야 합니다. 만약 5 / 0 = x라고 가정한다면, 0 * x = 5가 되어야 하지만, 어떤 수 x를 0에 곱해도 결과는 항상 0이 되므로 5가 될 수 없습니다. 즉, 해가 존재하지 않습니다.
• 유일한 해의 부재: 만약 0 / 0을 고려한다면, 0 * x = 0을 만족하는 x는 어떤 실수든 될 수 있습니다. 즉, 해가 무한히 많아 유일한 값이 존재하지 않습니다.

따라서 0으로 나누는 연산은 수학적으로 ‘Undefined’로 간주됩니다. 이는 계산 불가능한 상태를 의미하며, 수학적 모델에서 오류를 피하기 위해 매우 중요한 개념입니다.

1.2. 기타 수학적 Undefined 사례

• 음수의 제곱근 (Square Root of Negative Numbers): 실수 범위 내에서 음수의 제곱근(예: √-4)은 정의되지 않습니다. 이는 복소수 범위에서 정의되지만, 실수 체계 내에서는 ‘Undefined’입니다.
• 로그 함수의 특정 값 (Logarithm of Non-Positive Numbers): log_b(x)에서 x ≤ 0인 경우 (예: log₁₀(0) 또는 log₁₀(-5))는 정의되지 않습니다. 로그 함수는 양수에 대해서만 정의됩니다.
• 함수의 불연속점 (Discontinuities in Functions): 특정 함수는 정의역의 특정 지점에서 정의되지 않을 수 있습니다. 예를 들어, f(x) = 1 / (x – 2)는 x = 2에서 정의되지 않습니다. 이 지점에서 분모가 0이 되어 수학적으로 유효한 값을 가질 수 없습니다.
• 무한대(Infinity) 관련 연산: ∞ – ∞, ∞ / ∞, 0 * ∞ 등은 특정 값이 아닌 ‘부정형(indeterminate form)’으로, 그 자체로 정의되지 않거나 추가적인 해석이 필요한 경우입니다.

2. 컴퓨터 과학 및 프로그래밍 관점의 ‘Undefined’

컴퓨터 과학에서 ‘Undefined’는 특정 변수가 값이 할당되지 않았거나, 특정 연산의 결과가 의미론적으로 정의되지 않았거나, 시스템이 처리할 수 없는 상태를 나타낼 때 사용됩니다. 특히 프로그래밍 언어마다 ‘Undefined’를 다루는 방식에 차이가 있습니다.

2.1. JavaScript의 ‘undefined’

JavaScript는 ‘undefined’라는 고유한 원시 타입(primitive type)을 가지고 있으며, 이는 다른 프로그래밍 언어에서 찾아보기 어려운 독특한 특징입니다. JavaScript에서 ‘undefined’는 다음과 같은 경우에 나타납니다.

• 값이 할당되지 않은 변수: 변수가 선언되었지만 초기 값이 할당되지 않았을 때, 기본적으로 ‘undefined’ 값을 가집니다.
  

  let myVariable; // myVariable은 'undefined'
  console.log(myVariable); // 출력: undefined

• 존재하지 않는 객체 속성(Property): 객체에 존재하지 않는 속성에 접근하려고 할 때 ‘undefined’가 반환됩니다.
  

  const myObject = { name: 'Alice' };
  console.log(myObject.age); // 출력: undefined (myObject에는 'age' 속성이 없음)

• 함수의 반환 값: 함수가 명시적으로 값을 반환하지 않거나(return 문이 없거나), return;만 있는 경우, 함수는 ‘undefined’를 반환합니다.
  

  function greet(name) {
      console.log(`Hello, ${name}!`);
  }
  const result = greet('Bob');
  console.log(result); // 출력: undefined (greet 함수는 명시적으로 값을 반환하지 않음)

• 함수 호출 시 누락된 매개변수(Parameter): 함수를 호출할 때 정의된 매개변수에 해당하는 인자(argument)를 전달하지 않으면, 해당 매개변수는 함수 내부에서 ‘undefined’ 값을 가집니다.
  

  function add(a, b) {
      console.log(a, b);
  }
  add(10); // 출력: 10 undefined (b는 전달되지 않았으므로 undefined)

• void 연산자: void 연산자는 항상 undefined를 반환합니다. 이는 주로 표현식의 부수 효과를 평가하면서 명시적으로 undefined를 얻고자 할 때 사용됩니다.
  

  console.log(void(0)); // 출력: undefined
  console.log(void(1 + 2)); // 출력: undefined

‘undefined’와 ‘null’의 차이점 (JavaScript)

JavaScript에는 ‘undefined’ 외에 ‘null’이라는 또 다른 특별한 값이 있습니다. 둘 다 ‘값이 없음’을 나타내지만, 의미하는 바는 다릅니다.

• undefined: “값이 할당되지 않았다” 또는 “어떤 것이 존재하지 않는다”는 시스템적, 자동적인 의미를 가집니다. 변수가 선언되었지만 초기화되지 않았거나, 객체에 없는 속성에 접근할 때처럼, 개발자가 의도하지 않았을 때도 발생할 수 있습니다.
• null: “값이 의도적으로 비어 있다”는 의미를 가집니다. 개발자가 명시적으로 어떤 변수나 객체 속성에 ‘값이 없다’는 것을 나타내기 위해 할당합니다. 예를 들어, 데이터베이스에서 가져온 값이 없음을 나타내거나, 특정 객체 참조를 초기화할 때 사용됩니다.
  

  let emptyValue = null; // 개발자가 의도적으로 null을 할당
  console.log(emptyValue); // 출력: null

간단히 말해, undefined는 시스템이 “아직 아무것도 없어!”라고 말하는 것이고, null은 개발자가 “여기는 의도적으로 비워뒀어!”라고 말하는 것입니다. 엄밀히 말하면 typeof undefined는 ‘undefined’이고, typeof null은 ‘object’라는 중요한 차이점도 있습니다.

2.2. 다른 프로그래밍 언어에서의 유사 개념

다른 프로그래밍 언어에는 JavaScript의 ‘undefined’와 직접적으로 일치하는 개념이 없는 경우가 많지만, 유사한 의미를 갖는 방식들이 존재합니다.

• Python의 ‘None’: Python은 None이라는 특별한 값을 가집니다. 이는 JavaScript의 null에 가깝게, 값이 없음을 명시적으로 나타내기 위해 사용됩니다. Python에서 선언만 된 변수는 존재할 수 없고, 값이 할당되지 않은 변수에 접근하려 하면 에러가 발생합니다.
  

  my_variable = None # 개발자가 의도적으로 값을 비움
  print(another_variable) # NameError: name 'another_variable' is not defined (선언조차 되지 않았을 때 발생)

• C/C++/Java의 ‘Null Pointer’ 또는 ‘Uninitialized Variables’:
  
  • 널 포인터 (Null Pointer): C, C++, Java 등에서는 객체를 가리키지 않는 포인터나 참조를 null(Java) 또는 NULL/nullptr(C/C++)로 나타냅니다. 이는 ‘아무것도 가리키고 있지 않음’을 명시적으로 의미합니다. 널 포인터에 접근하려 하면 널 포인터 역참조(dereference) 오류가 발생할 수 있으며, 이는 프로그램 충돌로 이어지는 치명적인 문제입니다.
  • 초기화되지 않은 변수 (Uninitialized Variables): 이들 언어에서 지역 변수를 초기화하지 않고 사용하려 하면, 해당 변수는 정의되지 않은 값(garbage value)을 가지게 됩니다. 즉, 이전에 해당 메모리 주소에 있었던 임의의 값이 그대로 남아있게 됩니다. 이는 예측 불가능한 동작(Undefined Behavior)으로 이어질 수 있으며, 심각한 버그의 원인이 됩니다. 이는 JavaScript의 ‘undefined’와는 다르게, 시스템이 값을 채워 넣지 않아 임의의 메모리 값을 읽는 것에 가깝습니다.

• ‘Undefined Behavior’ (정의되지 않은 동작): C/C++와 같은 저수준 언어에서 ‘Undefined Behavior’는 언어 표준이 특정 상황에서 프로그램이 어떻게 동작해야 하는지 명시하지 않는 경우를 말합니다. 예를 들어, 배열의 범위를 벗어나 접근하거나, 초기화되지 않은 변수를 읽는 경우, 부호 있는 정수 오버플로 등이 이에 해당합니다. 이는 프로그램이 충돌하거나, 잘못된 값을 계산하거나, 전혀 예상치 못한 방식으로 동작할 수 있음을 의미하며, 디버깅하기 매우 어려운 문제입니다. ‘Undefined’는 특정 값이나 상태를 지칭하지만, ‘Undefined Behavior’는 예측 불가능한 프로그램의 행동 자체를 의미합니다.

3. 철학 및 논리적 관점의 ‘Undefined’

철학이나 논리학에서는 ‘Undefined’가 명제가 참 또는 거짓으로 판별될 수 없거나, 의미론적으로 모순되거나, 존재 자체가 모호한 경우를 나타낼 수 있습니다.

• 자기 참조적 역설 (Self-Referential Paradoxes): “이 문장은 거짓이다”와 같은 문장은 참이라면 거짓이 되고, 거짓이라면 참이 되는 역설에 빠져 참/거짓을 정의할 수 없게 됩니다. 이는 논리적으로 ‘정의되지 않음’ 상태에 놓입니다. 이른바 에피메니데스의 역설(“모든 크레타 사람은 거짓말쟁이다”라고 말한 크레타 사람) 같은 경우도 여기에 해당합니다.
• 모호한 정의 (Vague Definitions): ‘키가 큰 사람’, ‘아름다운 것’, ‘대머리’처럼 기준이 명확하지 않아 명확하게 분류하기 어려운 개념들도 일종의 ‘Undefined’ 영역에 속한다고 볼 수 있습니다. 어디서부터가 ‘키 큰’ 것인지, 어디서부터가 ‘대머리’인지 명확하게 선을 긋기 어렵기 때문입니다.
• 존재론적 모호성: 특정 개념이나 존재 자체가 명확하게 규명되지 않은 경우도 있습니다. 예를 들어, 우주의 시작과 끝에 대한 근원적인 질문은 현재로서는 명확히 정의된 답을 가지고 있지 않을 수 있습니다.

4. ‘Undefined’ 개념 이해의 중요성

‘Undefined’ 개념을 정확히 이해하는 것은 여러모로 중요합니다. 특히 소프트웨어 개발에서는 필수적인 지식입니다.

• 오류 예방 및 디버깅: 프로그래밍에서 ‘undefined’가 발생하는 지점을 이해하면 버그를 예측하고, 더 빠르게 디버깅하며, 견고한 코드를 작성하는 데 도움이 됩니다. 특히 JavaScript에서는 ‘undefined’가 런타임 오류로 이어질 수 있는 경우가 많으므로 (예: undefined.property에 접근하려 할 때 TypeError 발생), 이에 대한 명확한 처리가 필요합니다.
• 견고한 시스템 설계: 시스템 설계 시 정의되지 않은 상태나 예외 상황을 고려함으로써, 예기치 않은 오류나 시스템 다운을 방지하고 안정성을 높일 수 있습니다. 예를 들어, API 응답이 특정 필드를 포함하지 않을 경우를 대비하여 기본값(fallback)을 설정하거나, 해당 필드가 ‘undefined’일 때의 처리 로직을 구현하는 것입니다.
• 논리적 사고력 증진: 수학이나 논리 분야에서 ‘undefined’는 특정 연산이나 명제의 한계를 인지하고, 더 깊이 있는 추론을 가능하게 합니다. 이는 문제 해결 능력을 향상시키는 데 기여합니다.
• 데이터 유효성 검증: 데이터베이스나 API 통신에서 값이 ‘undefined’인 경우는 데이터가 누락되었거나 유효하지 않음을 나타낼 수 있으며, 이에 대한 적절한 유효성 검증 로직이 필요합니다. 이는 데이터 무결성을 유지하고 애플리케이션의 신뢰성을 높이는 데 필수적입니다.
• 성능 최적화: 때로는 ‘undefined’ 값을 체크하는 로직이 불필요한 연산을 줄여 성능에 기여할 수도 있습니다. 예를 들어, 특정 데이터가 ‘undefined’라면 더 이상 복잡한 계산을 수행하지 않고 미리 종료하는 방식입니다.

결론

‘Undefined’는 단일한 의미를 가진 개념이 아니라, 맥락에 따라 다양한 방식으로 해석되고 나타나는 다면적인 용어입니다. 수학에서는 유효한 결과가 존재하지 않는 연산을, 컴퓨터 과학에서는 값이 없거나 정의되지 않은 상태를, 그리고 철학에서는 논리적 모순이나 모호함을 나타냅니다.

특히 프로그래밍 분야에서 ‘undefined’는 흔히 마주치는 값이며, 이를 제대로 이해하고 처리하는 것은 안정적이고 예측 가능한 소프트웨어를 개발하는 데 필수적입니다. 단순히 ‘값이 없음’을 넘어, 그 ‘없음’이 어떤 의미를 가지는지, 그리고 왜 그렇게 되었는지를 파악하는 것이 중요합니다. 이 글이 ‘Undefined’라는 개념을 더 명확하게 이해하고, 다양한 분야에서 마주칠 수 있는 ‘정의되지 않은’ 상황들을 현명하게 대처하는 데 도움이 되기를 바랍니다.

“`
네, `undefined`에 대한 본문 부분을 HTML 형식으로 작성해 드리겠습니다. 자바스크립트 맥락에서 `undefined`가 무엇인지, 언제 발생하는지, 그리고 어떻게 다루어야 하는지에 초점을 맞춰 구체적이고 이해하기 쉽게 설명하겠습니다.

—

“`html

undefined: 정의되지 않은 값에 대한 심층 이해

프로그래밍, 특히 자바스크립트를 다루다 보면 undefined라는 값을 자주 접하게 됩니다. 이 값은 단순히 ‘값이 없다’는 의미를 넘어, 자바스크립트의 동작 방식과 코드의 안정성에 깊이 관여합니다. undefined를 정확히 이해하고 올바르게 다루는 것은 견고하고 예측 가능한 애플리케이션을 개발하는 데 필수적인 지식입니다.

1. undefined란 무엇인가?

undefined는 자바스크립트의 아홉 가지 원시 값(primitive value) 중 하나입니다. 이는 어떤 변수가 선언되었지만 값이 할당되지 않았거나, 존재하지 않는 속성에 접근했을 때, 또는 함수가 명시적으로 값을 반환하지 않았을 때 시스템에 의해 자동으로 할당되는 특수한 값입니다.

즉, undefined는 개발자가 명시적으로 할당하는 값이라기보다는, 자바스크립트 엔진이 ‘아직 정의되지 않았음’을 나타내기 위해 사용하는 마커(marker)라고 볼 수 있습니다.

2. undefined vs. null: 중요한 차이점

undefined와 null은 모두 ‘값이 없음’을 나타내지만, 그 의미와 사용 목적에는 중요한 차이가 있습니다.

• undefined:
  
  • 시스템이 할당: 변수가 선언되었지만 초기화되지 않았을 때, 존재하지 않는 객체 속성에 접근할 때, 함수가 값을 반환하지 않을 때 등 시스템이 자동으로 부여하는 값입니다.
  • “정의되지 않음”: 어떤 값이 아직 결정되지 않았거나, 존재하지 않는 대상을 나타냅니다.
  • typeof undefined는 "undefined"를 반환합니다.

  let myVar;
  console.log(myVar); // undefined (변수 선언 후 값 미할당)
  console.log(typeof myVar); // "undefined"
  
  const obj = {};
  console.log(obj.nonExistentProperty); // undefined (존재하지 않는 속성 접근)

• null:
  
  • 개발자가 의도적으로 할당: 개발자가 ‘값이 없음’을 명시적으로 나타내기 위해 할당하는 값입니다.
  • “비어있음” 또는 “알려진 값 없음”: 어떤 변수에 값이 없다는 것을 의도적으로 표현할 때 사용됩니다.
  • typeof null은 "object"를 반환합니다. 이는 자바스크립트의 역사적인 버그로 간주되지만, 여전히 유지되고 있습니다.

  let myValue = null;
  console.log(myValue); // null (개발자가 의도적으로 값을 비움)
  console.log(typeof myValue); // "object" (주의: historical bug)

요약하자면, undefined는 ‘아직 값이 설정되지 않았어’이고, null은 ‘나는 의도적으로 값을 비워뒀어’입니다.

3. undefined가 발생하는 주요 경우

undefined는 다양한 상황에서 나타날 수 있으며, 이를 인지하는 것이 버그를 예방하는 데 중요합니다.

3.1. 값 없이 선언된 변수

변수를 선언만 하고 초기 값을 할당하지 않으면, 해당 변수에는 자동으로 undefined가 할당됩니다.

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

const anotherVar = undefined; // 명시적으로 undefined 할당도 가능하지만 흔치 않음
console.log(anotherVar); // undefined

3.2. 함수 매개변수 누락

함수를 호출할 때 선언된 매개변수에 해당하는 인수가 전달되지 않으면, 해당 매개변수는 함수 내부에서 undefined 값을 가집니다.

function greet(name) {
    console.log(`Hello, ${name}!`);
}
greet('Alice'); // Hello, Alice!
greet(); // Hello, undefined! (name 매개변수가 undefined가 됨)

3.3. 존재하지 않는 객체 속성 접근

객체에 존재하지 않는 속성(property)에 접근하려고 할 때, 자바스크립트는 오류를 발생시키는 대신 undefined를 반환합니다.

const user = {
    name: 'Bob',
    age: 30
};
console.log(user.name); // Bob
console.log(user.email); // undefined (user 객체에 email 속성이 없음)

3.4. 값을 명시적으로 반환하지 않는 함수

함수가 명시적으로 return 문을 사용하여 값을 반환하지 않거나, return 문 뒤에 아무것도 작성하지 않으면, 해당 함수는 undefined를 반환합니다.

function doNothing() {
    // 아무것도 반환하지 않음
}
console.log(doNothing()); // undefined

function returnUndefined() {
    return; // return 뒤에 값이 없으면 undefined 반환
}
console.log(returnUndefined()); // undefined

3.5. void 연산자

void 연산자는 주어진 표현식을 평가하고 undefined를 반환합니다. 이는 주로 자바스크립트 URI (javascript: 프로토콜)에서 링크 클릭 시 페이지 이동을 막는 용도로 사용되곤 했습니다.

console.log(void(0)); // undefined
console.log(void('hello world')); // undefined

4. undefined 값 확인하기

코드에서 어떤 값이 undefined인지 확인하는 방법은 두 가지가 주로 사용됩니다.

4.1. 일치 연산자 (===) 사용

가장 직접적인 방법으로, 값과 타입까지 엄격하게 비교하는 일치 연산자를 사용합니다.

let value; // value는 undefined
if (value === undefined) {
    console.log("value는 undefined입니다.");
}

하지만 이 방법은 전역 스코프의 undefined가 다른 값으로 덮어씌워질 수 있는 매우 드문 상황(최신 자바스크립트 환경에서는 거의 발생하지 않음)에 취약할 수 있습니다.

4.2. typeof 연산자 사용 (권장)

typeof 연산자를 사용하는 것이 더 안전하고 권장되는 방법입니다. typeof 연산자는 피연산자의 타입을 문자열로 반환합니다.

let value; // value는 undefined
if (typeof value === 'undefined') {
    console.log("value의 타입은 'undefined'입니다.");
}

let nonDeclaredVar;
// console.log(nonDeclaredVar); // ReferenceError: nonDeclaredVar is not defined
// if (nonDeclaredVar === undefined) { /* ReferenceError 발생 */ }

// typeof는 선언되지 않은 변수에 대해서도 에러 없이 'undefined'를 반환합니다.
if (typeof nonDeclaredVar === 'undefined') {
    console.log("nonDeclaredVar는 선언되지 않았거나 undefined입니다.");
}

typeof를 사용하는 방법은 변수가 아예 선언조차 되지 않았을 때 ReferenceError가 발생하는 것을 방지해주므로, 더 견고합니다.

5. undefined 처리 전략

undefined 값은 예상치 못한 오류(예: TypeError: Cannot read properties of undefined (reading 'someProperty'))를 일으킬 수 있으므로, 이를 적절히 처리하는 것이 중요합니다.

5.1. 기본 매개변수 (Default Parameters)

ES6부터 도입된 기본 매개변수를 사용하여 함수 인수가 누락되었을 때 undefined 대신 기본값을 할당할 수 있습니다.

function greet(name = 'Guest') {
    console.log(`Hello, ${name}!`);
}
greet('Alice'); // Hello, Alice!
greet(); // Hello, Guest! (name이 undefined일 경우 'Guest'로 설정됨)

5.2. 논리 OR (||) 연산자

undefined를 포함한 ‘falsy’ 값(false, 0, '', null, NaN)에 대한 대체 값을 제공하는 데 사용됩니다.

const maybeUndefined = undefined;
const result = maybeUndefined || '기본값';
console.log(result); // 기본값

const emptyString = '';
const processedString = emptyString || '빈 문자열 대체값';
console.log(processedString); // 빈 문자열 대체값 (주의: ''도 falsy 값으로 처리됨)

|| 연산자는 편리하지만, 0이나 빈 문자열(''), false와 같은 유효한 ‘falsy’ 값까지도 대체해버릴 수 있다는 점에 유의해야 합니다.

5.3. Nullish Coalescing (??) 연산자 (ES2020+)

?? 연산자는 null 또는 undefined인 경우에만 대체 값을 제공합니다. 0이나 ''와 같은 다른 ‘falsy’ 값은 그대로 유지됩니다. 이는 ||의 단점을 보완합니다.

const maybeUndefined = undefined;
const result1 = maybeUndefined ?? '기본값';
console.log(result1); // 기본값

const emptyString = '';
const result2 = emptyString ?? '빈 문자열 대체값';
console.log(result2); // '' (빈 문자열은 null 또는 undefined가 아니므로 그대로 유지)

const zeroValue = 0;
const result3 = zeroValue ?? '0 대체값';
console.log(result3); // 0 (0은 null 또는 undefined가 아니므로 그대로 유지)

5.4. 옵셔널 체이닝 (Optional Chaining) (?.) (ES2020+)

객체의 속성에 접근할 때, 해당 속성이 null 또는 undefined일 가능성이 있다면 ?.를 사용하여 안전하게 접근할 수 있습니다. 중간 경로에 null 또는 undefined가 있으면 더 이상 접근하지 않고 undefined를 반환하며 오류를 방지합니다.

const user = {
    name: 'Alice',
    address: {
        street: '123 Main St',
        city: 'Anytown'
    }
};

console.log(user.address.city); // Anytown
// console.log(user.contact.phone); // TypeError: Cannot read properties of undefined (reading 'phone')

// 옵셔널 체이닝 사용
console.log(user.address?.city); // Anytown
console.log(user.contact?.phone); // undefined (user.contact가 undefined이므로 오류 없이 undefined 반환)

const user2 = {};
console.log(user2.address?.city); // undefined (user2.address가 undefined이므로 오류 없이 undefined 반환)

5.5. 조건문 활용

가장 기본적인 방법으로, if 문을 사용하여 값이 undefined인지 확인하고 조건에 따라 다른 로직을 실행할 수 있습니다.

let data = fetchData(); // fetchData가 undefined를 반환할 수 있다고 가정

if (typeof data !== 'undefined') {
    // data가 undefined가 아닐 때만 실행할 로직
    console.log("데이터가 존재합니다:", data);
} else {
    console.log("데이터가 존재하지 않거나 로드되지 않았습니다.");
}

결론

undefined는 자바스크립트의 핵심 개념 중 하나이며, ‘값이 아직 정의되지 않았음’을 나타내는 중요한 원시 값입니다. null과의 차이점을 명확히 이해하고, undefined가 언제 발생하는지 인지하는 것은 버그를 예방하고 코드를 견고하게 만드는 첫걸음입니다.

기본 매개변수, 논리 OR/Nullish Coalescing 연산자, 옵셔널 체이닝, 그리고 조건문과 같은 다양한 처리 전략을 활용하여 undefined로부터 발생할 수 있는 잠재적인 오류를 효과적으로 방지하고, 더욱 안정적인 자바스크립트 애플리케이션을 개발할 수 있기를 바랍니다.

“`
네, ‘undefined’에 대한 결론 부분을 HTML 형식으로, 최소 1000자 이상, 구체적이고 이해하기 쉽게 작성해 드리겠습니다.

“`html

let myVariable; // 선언되었으나 초기화되지 않아 undefined
console.log(myVariable); // undefined

function greet(name) {
    console.log(`Hello, ${name}!`);
}
greet(); // name에 undefined가 전달됨. "Hello, undefined!" 출력

const user = {};
console.log(user.address); // user 객체에 address 속성이 없어 undefined

console.log(undefined == null);   // true (값만 비교)
console.log(undefined === null);  // false (값과 타입 모두 비교)

“`