“`html

“Undefined” (미정의) 개념에 대한 심층적 도입

우리가 살아가는 세상은 명확하게 정의된 규칙과 값들로 가득 차 있습니다. 덧셈과 뺄셈의 결과는 항상 예측 가능하며, 사물의 물리적 특성 또한 대부분 정해져 있습니다. 하지만 때로는 이러한 정의의 경계가 모호해지거나, 아예 존재하지 않는 영역을 마주하게 됩니다. 바로 이 지점에서 “Undefined” (미정의)라는 개념이 등장합니다. “Undefined”는 단순히 ‘정의되지 않았다’는 사전적 의미를 넘어, 수학, 컴퓨터 과학, 심지어 철학에 이르기까지 다양한 분야에서 중요한 함의를 지니는 근본적인 개념입니다.

이 글에서는 “Undefined”가 무엇을 의미하며, 왜 중요한지, 그리고 우리가 일상적으로 접하는 기술 및 학문 분야에서 어떻게 나타나고 다루어지는지에 대해 구체적이고 이해하기 쉽게 탐구해보고자 합니다. 언뜻 복잡해 보일 수 있는 이 개념이 사실은 우리 주변에 얼마나 깊이 스며들어 있는지 깨닫는 계기가 될 것입니다.

1. “Undefined”의 근본적인 의미

가장 기본적인 수준에서 “Undefined”는 ‘어떤 대상이나 상황에 대해 명확한 값, 의미, 또는 행동 방식이 할당되지 않았거나, 할당될 수 없는 상태’를 의미합니다. 이는 다음과 같은 여러 층위에서 해석될 수 있습니다.

• 값의 부재: 특정 변수나 속성이 아무런 값도 가지고 있지 않은 상태. 단순히 ‘비어 있다’는 것을 넘어, 어떤 값으로도 해석될 수 없는 상태일 때 주로 사용됩니다.
• 의미의 부재: 주어진 맥락에서 어떤 표현이나 연산이 논리적으로 유효하지 않거나, 일관된 의미를 부여할 수 없는 상태. 예를 들어, 특정 규칙을 위반하는 경우입니다.
• 존재의 부재: 애초에 언급된 대상 자체가 존재하지 않는 상태. 이는 값의 부재와 유사하지만, 더 근본적인 ‘없음’을 강조합니다.

이러한 특성 때문에 “Undefined”는 종종 오류의 원인이 되거나, 예상치 못한 동작을 유발하는 지점으로 간주됩니다. 따라서 이 개념을 정확히 이해하고 다루는 것은 견고하고 신뢰할 수 있는 시스템을 구축하는 데 필수적입니다.

2. 수학적 관점에서의 “Undefined”

수학은 엄밀한 정의와 논리를 기반으로 하지만, 이 안에서도 “Undefined”의 영역은 분명히 존재합니다. 가장 대표적인 예시는 다음과 같습니다.

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

수학에서 어떤 수를 0으로 나누는 연산은 정의되지 않습니다. 예를 들어, 1 / 0은 ‘정의되지 않음’으로 간주됩니다. 왜 그럴까요?

• 역연산의 부재: 나눗셈은 곱셈의 역연산입니다. 만약 x / 0 = y라고 가정한다면, y * 0 = x여야 합니다. 그런데 어떤 수 y에 0을 곱하면 항상 0이 나오므로, x가 0이 아닌 이상 이 등식은 성립할 수 없습니다. 즉, 1 / 0에 대한 y 값은 존재하지 않습니다.
• 무한대로의 발산: 직관적으로 1 / 0.1 = 10, 1 / 0.01 = 100, 1 / 0.001 = 1000 등으로, 나누는 수가 0에 가까워질수록 그 결과는 한없이 커집니다 (양의 무한대 또는 음의 무한대). 따라서 특정 하나의 값으로 정의할 수 없습니다.

특이하게 0 / 0의 경우는 ‘부정형(Indeterminate Form)’이라고 불리며, 이는 하나의 값으로 정해지지 않고 특정 조건(예: 극한)에 따라 다양한 값을 가질 수 있는 형태입니다. 하지만 여전히 단일한 수로 정의되지 않는다는 점에서 “Undefined”의 범주에 속한다고 볼 수 있습니다.

2.2. 특정 함수의 정의 영역

일부 함수는 특정 입력값에 대해 정의되지 않습니다.

• 음수의 제곱근: 실수 범위에서 sqrt(-1)은 정의되지 않습니다. (복소수 범위에서는 i로 정의되지만, 실수 체계에서는 미정의입니다.)
• 0 또는 음수의 로그: log(0)이나 log(-1)은 실수 범위에서 정의되지 않습니다. 로그 함수 y = log_b(x)는 x > 0일 때만 정의됩니다.
• 삼각 함수의 특정 지점: tan(90°) (또는 tan(π/2))와 같이, 분모가 0이 되는 지점에서는 삼각 함수 값이 정의되지 않습니다.

이처럼 수학에서 “Undefined”는 특정 연산이나 함수의 본질적인 한계를 드러내며, 우리가 다루는 숫자 체계나 함수의 정의 영역을 명확히 이해하는 데 중요한 기준점이 됩니다.

3. 프로그래밍 관점에서의 “Undefined”

컴퓨터 프로그래밍에서 “Undefined”는 훨씬 더 빈번하게, 그리고 다양한 형태로 나타납니다. 특히 JavaScript와 같은 동적 타입 언어에서 이 개념은 핵심적인 역할을 합니다.

3.1. JavaScript의 undefined

JavaScript에는 undefined라는 특별한 원시 타입(primitive type)의 값이 존재합니다. 이는 다음과 같은 경우에 나타납니다.

• 변수가 선언되었지만 값이 할당되지 않은 경우:
  

  let myVariable; // myVariable은 undefined 값을 가집니다.
  console.log(myVariable); // 출력: undefined

• 객체의 존재하지 않는 속성에 접근할 때:
  

  const myObject = { a: 1 };
  console.log(myObject.b); // 출력: undefined (myObject에 'b'라는 속성이 없기 때문)

• 함수가 값을 명시적으로 반환하지 않을 때:
  

  function doNothing() {
      // 아무것도 반환하지 않음
  }
  const result = doNothing();
  console.log(result); // 출력: undefined

• 함수 호출 시 인자가 전달되지 않은 경우, 해당 매개변수:
  

  function greet(name) {
      console.log(`Hello, ${name}!`);
  }
  greet(); // 출력: Hello, undefined!

• void 연산자의 결과:
  

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

JavaScript에서 undefined는 ‘값이 아직 할당되지 않았거나, 존재하지 않는 상태’를 나타내는 명확한 값입니다. 이는 단순히 ‘비어있음’을 의도적으로 나타내는 null과는 중요한 차이가 있습니다.

undefined vs. null:

• undefined: 시스템이 ‘아직 값을 알지 못하거나’, ‘값이 존재하지 않음’을 나타낼 때 사용합니다. (예: 선언만 된 변수, 없는 속성)
• null: 개발자가 의도적으로 ‘어떤 값이 비어있음’을 명시적으로 나타낼 때 사용합니다. (예: 빈 값으로 초기화, 값을 의도적으로 제거)

두 값은 동등 비교(==) 시에는 같다고 판단되지만, 엄격한 동등 비교(===) 시에는 다르다고 판단됩니다.

console.log(undefined == null);  // true
console.log(undefined === null); // false

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

JavaScript처럼 undefined라는 명시적인 값을 가지지 않는 언어들도 많습니다. 하지만 유사한 개념은 존재합니다.

• Python: 변수가 선언만 되고 값이 할당되지 않으면 해당 변수에 접근할 때 NameError가 발생합니다. ‘값이 없음’을 나타낼 때는 None을 사용하며, 이는 JavaScript의 null과 더 유사합니다.
• C/C++/Java: 변수를 선언만 하고 초기화하지 않으면 해당 메모리 공간에는 ‘쓰레기 값(garbage value)’이 들어있게 됩니다. 이는 정의되지 않은 예측 불가능한 값이며, 접근 시 런타임 오류나 예상치 못한 동작을 유발할 수 있습니다.

어떤 형태든 프로그래밍에서 ‘정의되지 않은 상태’는 프로그램의 안정성과 예측 가능성을 해치는 주범이 됩니다.

4. “Undefined”가 중요한 이유 및 그 영향

“Undefined”는 단순한 기술적 용어를 넘어, 다음과 같은 측면에서 매우 중요합니다.

• 오류 및 버그의 원인: 프로그래밍에서 “Undefined” 값을 제대로 처리하지 못하면 런타임 오류가 발생하거나, 프로그램이 오작동할 수 있습니다. 예를 들어, undefined.property와 같이 “Undefined” 값의 속성에 접근하려 하면 에러가 발생합니다.
• 예측 불가능성: 수학에서 “Undefined”는 계산의 불가능성을 의미하며, 이는 시스템의 예측 불가능성으로 이어집니다. 0으로 나누는 계산을 허용하면 수학적 일관성이 무너집니다.
• 데이터 무결성: 데이터베이스나 시스템에서 “정의되지 않은” 상태의 데이터는 데이터 무결성을 해치고, 분석 결과의 신뢰성을 떨어뜨릴 수 있습니다.
• 코드의 견고성: “Undefined”가 발생할 수 있는 모든 경우를 고려하고 적절히 처리하는 것은 견고하고 유지보수하기 쉬운 코드를 작성하는 핵심 요소입니다.

5. “Undefined”를 다루는 방법

“Undefined”가 초래할 수 있는 문제들을 인지하고 이를 효과적으로 다루는 방법은 다음과 같습니다.

5.1. 수학적 관점

• 정의 영역(Domain) 명시: 함수나 연산을 사용할 때, 그 연산이 유효한 입력 값의 범위를 명확히 합니다. (예: log(x)는 x > 0일 때만 유효)
• 극한 개념 활용: 0/0과 같은 부정형은 극한 개념을 통해 그 의미를 탐구하여 특정 값에 수렴하는지 여부를 판단합니다.

5.2. 프로그래밍 관점

• 명시적 초기화: 변수를 선언할 때 가능한 한 빨리 초기값을 할당하여 undefined 상태를 최소화합니다.
  

  let counter = 0; // undefined 대신 0으로 초기화
  const user = {}; // 빈 객체로 초기화

• undefined 및 null 체크: 변수나 속성에 접근하기 전에 해당 값이 undefined 또는 null이 아닌지 확인하는 방어적 코드를 작성합니다.
  

  if (myVariable !== undefined) {
      // myVariable을 안전하게 사용
  }
  
  // 객체 속성 접근 시 단축 평가 활용
  const userName = user && user.profile && user.profile.name;
  // 옵셔널 체이닝 (Optional Chaining, ES2020+)
  const userNameES2020 = user?.profile?.name;

• 기본값 설정: 함수 매개변수나 객체 속성에 기본값을 설정하여 undefined가 전달되거나 없을 때 대신 사용되도록 합니다.
  

  function greet(name = 'Guest') { // 기본값 'Guest'
      console.log(`Hello, ${name}!`);
  }
  greet(); // 출력: Hello, Guest!

• 타입스크립트(TypeScript) 사용: 정적 타입 검사 언어를 사용하여 컴파일 시점에 “Undefined” 접근과 같은 잠재적 오류를 미리 방지할 수 있습니다.
• 에러 핸들링: 예상치 못한 “Undefined”가 발생했을 때 프로그램이 비정상적으로 종료되지 않도록 try-catch 블록 등을 활용합니다.

결론적으로 “Undefined”는 단순히 ‘없다’는 의미를 넘어, 특정 규칙이나 정의의 경계를 나타내는 강력한 개념입니다. 수학에서는 논리의 한계를, 프로그래밍에서는 코드의 잠재적 취약성을 드러내죠. 이 개념을 깊이 이해하고 적절히 다룰 줄 아는 것은 복잡한 시스템을 구축하고 안정적으로 운영하는 데 있어 핵심적인 역량이라고 할 수 있습니다. “Undefined”의 영역을 명확히 인식하고 대응함으로써 우리는 더욱 견고하고 신뢰할 수 있는 세상과 기술을 만들어갈 수 있을 것입니다.

“`
“`html

undefined: 프로그래밍의 미정(未定) 상태 이해하기

프로그래밍을 하다 보면 undefined라는 값을 자주 마주치게 됩니다.
특히 자바스크립트와 같은 동적 타입 언어에서 undefined는 변수, 객체 속성, 함수 반환값 등 다양한 상황에서 “값이 할당되지 않은” 또는 “존재하지 않는” 상태를 나타내는 데 사용되는 매우 중요한 기본(primitive) 값입니다.
이는 단순한 에러 메시지가 아니라, 언어의 특정 동작 방식과 깊이 연관된 특정한 의미를 가진 값입니다.
이 글에서는 undefined가 무엇인지, 어떤 상황에서 발생하는지, null과의 차이점은 무엇인지, 그리고 코드에서 undefined를 어떻게 효과적으로 다루고 예방할 수 있는지에 대해 구체적이고 심도 있게 다루고자 합니다.

1. undefined란 무엇인가?

undefined는 자바스크립트(JavaScript)를 비롯한 여러 프로그래밍 언어에서 “값이 정의되지 않음”을 나타내는 특별한 기본 데이터 타입이자 값입니다.
이는 다음과 같은 주요 특징을 가집니다:

• 기본(Primitive) 값: 숫자(number), 문자열(string), 불리언(boolean), 심볼(symbol), 빅인트(bigint), null과 함께 자바스크립트의 7가지 기본 데이터 타입 중 하나입니다.
• 시스템에 의한 할당: undefined는 주로 시스템(언어 엔진)에 의해 자동으로 할당됩니다. 개발자가 직접 변수에 undefined를 할당하는 것도 가능하지만, 일반적으로는 특정 상황에서 언어가 자동으로 이 상태를 나타낼 때 사용됩니다.
• 부재(Absence)의 표현: undefined는 값이 없다는 것, 또는 값이 존재하지 않는다는 것을 나타냅니다. 이는 에러를 의미하는 것이 아니라, 단순히 “아직 값이 설정되지 않았다”거나 “그런 속성은 없다”는 상태 정보입니다.

typeof 연산자를 사용하여 undefined의 타입을 확인해보면, 문자열 “undefined”를 반환합니다.

console.log(typeof undefined); // 출력: "undefined"
    

2. undefined가 발생하는 주요 상황

undefined는 코드를 작성하면서 다양한 시나리오에서 자연스럽게 발생합니다. 이러한 상황들을 이해하는 것은 undefined를 효과적으로 다루는 첫걸음입니다.

2.1. 변수 선언 후 값 할당 전

var, let, const 키워드를 사용하여 변수를 선언했지만, 초기 값을 할당하지 않은 경우 해당 변수는 undefined 값을 가집니다.
단, const는 선언과 동시에 반드시 초기화되어야 하므로 이 경우 undefined가 되기 전에 문법 에러가 발생합니다.

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

var anotherVariable;
console.log(anotherVariable); // 출력: undefined

// const myConst; // 에러: SyntaxError: Missing initializer in const declaration
    

2.2. 객체의 존재하지 않는 속성에 접근할 때

객체(Object)에 존재하지 않는 속성(property)에 접근하려고 하면 undefined를 반환합니다.
이는 해당 객체에 요청된 이름의 속성이 없다는 것을 의미합니다.

const user = {
    name: '김철수',
    age: 30
};

console.log(user.name);    // 출력: '김철수'
console.log(user.email);   // 출력: undefined (user 객체에 email 속성이 없음)
    

2.3. 함수의 매개변수가 전달되지 않았을 때

함수를 호출할 때 선언된 매개변수(parameter)의 개수보다 적은 수의 인자(argument)를 전달하면, 전달되지 않은 매개변수들은 기본적으로 undefined 값을 가집니다.

function greet(name, greeting) {
    console.log(`이름: ${name}, 인사말: ${greeting}`);
}

greet('영희'); // 출력: 이름: 영희, 인사말: undefined
    

2.4. 함수가 명시적으로 값을 반환하지 않을 때

함수 내에서 return 문을 사용하지 않거나, return 문 뒤에 아무 값도 명시하지 않으면 해당 함수는 호출되었을 때 undefined를 반환합니다.

function doNothing() {
    // 아무것도 반환하지 않음
}

function doSomethingAndReturnNothing() {
    console.log("작업 수행");
    return; // 값을 명시하지 않음
}

const result1 = doNothing();
console.log(result1); // 출력: undefined

const result2 = doSomethingAndReturnNothing();
console.log(result2); // 출력: undefined
    

2.5. 배열의 인덱스를 벗어난 요소에 접근할 때

배열(Array)의 범위를 벗어난 인덱스에 접근하려고 할 때도 undefined를 반환합니다.
이는 해당 위치에 요소가 존재하지 않는다는 것을 의미합니다.

const colors = ['red', 'green', 'blue'];

console.log(colors[0]); // 출력: 'red'
console.log(colors[3]); // 출력: undefined (인덱스 3에는 요소가 없음)
    

2.6. void 연산자 사용 시

void 연산자는 피연산자를 평가한 후 undefined를 반환합니다.
주로 JavaScript URI 스킴에서 링크 클릭 시 페이지 이동을 막는 용도로 사용되곤 했습니다 (예: <a href="javascript:void(0)">).

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

3. undefined와 null의 차이점

undefined와 null은 모두 “값이 없음”을 나타낸다는 점에서 비슷해 보이지만, 프로그래밍 관점에서 그 의미와 사용 목적에는 중요한 차이가 있습니다. 이 둘을 명확히 구분하는 것이 중요합니다.

가장 중요한 차이점은 undefined는 주로 “시스템이 아직 값을 알지 못함”을 의미하는 반면, null은 “개발자가 의도적으로 값이 없음을 명시함”을 의미한다는 것입니다.
따라서 변수를 선언하고 나중에 값을 할당할 계획이라면 null로 초기화하여 명시적인 ‘빈 값’을 설정하는 것이 좋은 관행으로 여겨지기도 합니다.

4. undefined를 확인하는 방법

코드에서 undefined 값을 올바르게 식별하고 처리하는 것은 프로그램의 안정성을 높이는 데 필수적입니다.

4.1. typeof 연산자 사용

가장 안전하고 일반적으로 권장되는 방법입니다. typeof 연산자는 피연산자의 타입을 문자열로 반환하며, undefined 값에 대해서는 "undefined" 문자열을 반환합니다.
이 방법은 변수가 아예 선언되지 않았거나 (ReferenceError 방지) 객체 속성이 존재하지 않을 때도 안전하게 사용할 수 있습니다.

let myVar;
console.log(typeof myVar === 'undefined'); // 출력: true

const myObj = {};
console.log(typeof myObj.prop === 'undefined'); // 출력: true

// 선언되지 않은 변수에 대한 typeof는 에러를 발생시키지 않음
console.log(typeof nonExistentVar === 'undefined'); // 출력: true
    

4.2. 엄격 동등(Strict Equality) 연산자 (===) 사용

=== 연산자는 값과 타입이 모두 같을 때만 true를 반환합니다.
변수가 이미 선언되었고 undefined 값을 가지고 있는지 확인할 때 유용합니다.
하지만 변수가 아예 선언되지 않은 경우 ReferenceError를 발생시킬 수 있으므로 주의해야 합니다.

let myVar = undefined;
console.log(myVar === undefined); // 출력: true

let anotherVar = null;
console.log(anotherVar === undefined); // 출력: false

// console.log(nonExistentVar === undefined); // 에러: ReferenceError: nonExistentVar is not defined
    

결론적으로, 변수가 선언되었는지조차 확실하지 않거나 객체 속성 접근 시 에러를 피하려면 typeof를 사용하는 것이 가장 안전합니다.

5. undefined와 관련된 잠재적 문제점 및 주의사항

undefined는 코드에서 예상치 못한 문제를 야기할 수 있으므로, 몇 가지 주의할 점이 있습니다.

• TypeError 발생: undefined 값에 대해 속성을 읽거나 함수를 호출하려고 하면 TypeError가 발생합니다.
  이는 특히 중첩된 객체 속성에 접근할 때 흔히 발생합니다 (예: user.address.street에서 user.address가 undefined인 경우).
  

  
  let data; // data는 undefined
  // console.log(data.length); // 에러: TypeError: Cannot read properties of undefined (reading 'length')
              

• 예상치 못한 불리언 변환: undefined는 JavaScript에서 “falsy” 값 중 하나입니다.
  즉, 조건문에서 false로 평가됩니다. 이는 때때로 의도치 않은 동작으로 이어질 수 있습니다.
  

  
  let value; // undefined
  if (value) {
      console.log("값이 존재합니다.");
  } else {
      console.log("값이 존재하지 않습니다."); // 이 코드가 실행됨
  }
              

  이 예제에서는 value가 undefined이기 때문에 false로 평가되어 ‘값이 존재하지 않습니다.’가 출력됩니다.
  0, ''(빈 문자열), null 등 다른 falsy 값들과 구분해야 할 때 문제가 될 수 있습니다.

• 느슨한 동등 비교 (==) 사용 시 주의: undefined == null은 true를 반환합니다.
  이는 undefined와 null을 구분해야 하는 상황에서 == 연산자를 사용하면 오류를 범할 수 있음을 의미합니다.
  항상 === (엄격 동등 비교)를 사용하여 값과 타입 모두를 확인하는 것이 좋습니다.
  

  
  console.log(undefined == null);   // 출력: true
  console.log(undefined === null);  // 출력: false
              

6. undefined를 효과적으로 다루는 방법

코드의 안정성과 예측 가능성을 높이기 위해서는 undefined를 적절히 처리하는 전략이 필요합니다.

6.1. 변수 초기화

변수를 선언할 때 가능한 한 초기 값을 할당하여 undefined 상태를 피하는 것이 좋습니다.
만약 당장 적절한 값이 없다면, 명시적으로 null을 할당하여 ‘의도적인 빈 값’임을 나타낼 수 있습니다.

let userName = null; // 나중에 값이 할당될 예정임을 명시
let userAge = 0;     // 기본값을 0으로 설정
let isActive = false; // 기본값을 false로 설정
    

6.2. 조건문 활용

값이 undefined인지 확인하고 그에 따라 다른 로직을 수행하는 것이 일반적입니다.
앞서 언급했듯이 typeof 연산자나 엄격 동등 연산자를 사용할 수 있습니다.

function printUserInfo(user) {
    if (user !== undefined && user !== null) { // null도 함께 검사하는 것이 일반적
        console.log(`이름: ${user.name}, 나이: ${user.age}`);
    } else {
        console.log("사용자 정보가 없습니다.");
    }
}

let currentUser; // undefined
printUserInfo(currentUser); // 출력: 사용자 정보가 없습니다.

let actualUser = { name: '이순신', age: 40 };
printUserInfo(actualUser); // 출력: 이름: 이순신, 나이: 40
    

6.3. 기본값 할당 (ES6+ 문법 활용)

ES6부터 도입된 기능들은 undefined 처리 코드를 훨씬 간결하게 만들어 줍니다.

6.3.1. 함수 매개변수 기본값 (Default Parameters)

함수 매개변수에 기본값을 설정하여 인자가 전달되지 않아 undefined가 되는 것을 방지할 수 있습니다.

function greet(name = 'Guest', greeting = 'Hello') {
    console.log(`${greeting}, ${name}!`);
}

greet('Alice');      // 출력: Hello, Alice!
greet();             // 출력: Hello, Guest!
greet(undefined, 'Hi'); // 출력: Hi, Guest! (undefined도 기본값 트리거)
    

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

|| 연산자는 왼쪽 피연산자가 falsy 값(false, 0, '', null, undefined, NaN)일 경우 오른쪽 피연산자를 반환합니다.
undefined를 포함한 falsy 값에 대한 기본값을 설정할 때 유용합니다.

let userSetting = undefined;
const finalSetting = userSetting || '기본값';
console.log(finalSetting); // 출력: 기본값

let count = 0;
const finalCount = count || 10;
console.log(finalCount); // 출력: 10 (0도 falsy이므로 10이 할당됨)
    

주의: 0이나 빈 문자열 '' 등도 falsy 값으로 간주되어 기본값이 할당될 수 있으므로, 이러한 값들이 유효한 값일 경우에는 아래의 Nullish Coalescing 연산자를 고려해야 합니다.

6.3.3. Nullish Coalescing (??) 연산자

ES2020에 도입된 ?? 연산자는 왼쪽 피연산자가 null 또는 undefined일 경우에만 오른쪽 피연산자를 반환합니다.
이는 || 연산자와 달리 0이나 빈 문자열 '' 같은 유효한 falsy 값을 무시하지 않고 그대로 사용하고자 할 때 매우 유용합니다.

let userSetting = undefined;
const finalSetting = userSetting ?? '기본값';
console.log(finalSetting); // 출력: 기본값

let count = 0;
const finalCount = count ?? 10;
console.log(finalCount); // 출력: 0 (0은 null 또는 undefined가 아니므로 그대로 사용됨)

let emptyString = '';
const finalString = emptyString ?? '기본문자열';
console.log(finalString); // 출력: '' (빈 문자열은 null 또는 undefined가 아니므로 그대로 사용됨)
    

6.4. 옵셔널 체이닝 (Optional Chaining) (?.)

ES2020에 도입된 옵셔널 체이닝(?.)은 객체의 중첩된 속성에 접근할 때, 해당 속성이 null 또는 undefined일 경우 에러를 발생시키지 않고 undefined를 반환하게 합니다.
이는 TypeError를 방지하고 코드를 간결하게 만듭니다.

const user = {
    name: '홍길동',
    address: {
        city: '서울'
    }
};

console.log(user.address.city);          // 출력: 서울
console.log(user.contact?.email);        // 출력: undefined (user.contact가 없으므로 에러 없이 undefined 반환)
console.log(user.address?.street?.name); // 출력: undefined (user.address.street가 없으므로 에러 없이 undefined 반환)

const newUser = {};
// console.log(newUser.address.city); // 에러: TypeError
console.log(newUser.address?.city);  // 출력: undefined
    

결론

undefined는 프로그래밍, 특히 자바스크립트에서 “값이 정의되지 않은” 상태를 나타내는 중요한 기본 값입니다.
이는 에러가 아니라, 언어의 특정 동작 방식에 의해 발생하는 정보적인 상태입니다.
변수 선언 후 초기화되지 않거나, 존재하지 않는 객체 속성에 접근할 때, 또는 함수가 명시적인 반환 값을 가지지 않을 때 등 다양한 상황에서 undefined를 만나게 됩니다.

undefined와 null의 차이점을 명확히 이해하고, typeof 연산자나 엄격 동등 연산자 (===)를 사용하여 값을 정확하게 확인하는 것이 중요합니다.
또한, ES6+에서 제공하는 함수 매개변수 기본값, 논리 OR (||) 연산자, Nullish Coalescing (??) 연산자, 그리고 옵셔널 체이닝 (?.)과 같은 현대적인 문법을 활용하여 undefined로 인한 잠재적인 오류를 방지하고 코드를 더욱 견고하고 가독성 높게 만들 수 있습니다.

undefined의 발생 원인과 처리 방법을 숙지함으로써, 개발자는 예상치 못한 런타임 에러를 줄이고 더욱 안정적이고 예측 가능한 프로그램을 작성할 수 있을 것입니다.

“`
“`html

“`