자바스크립트 기초 | undefined, null, window.confirm() 완벽 정리

 

 

자바스크립트를 배우다 보면 자주 마주치는 개념 중 하나가 바로 undefined, null, 그리고 브라우저 함수 window.confirm() 입니다.

이들은 코드의 기본이자, 데이터 흐름을 이해하기 위해 꼭 알아야 하는 핵심 개념이에요. 이번 포스팅에서는 세 가지를 예시 코드와 함께 완벽히 정리해볼게요 😄😄

 

---

 

1. undefined란?

undefined 는 자바스크립트에서 “값이 정의되지 않은 상태”를 뜻합니다. 즉, 변수는 선언되었지만 아직 어떤 값도 할당되지 않았을 때 자동으로 부여되는 값이에요.

let number;     console.log(number);

➡️

여기서 number는 선언만 되었고, 아직 값이 지정되지 않았기 때문에 자바스크립트는 자동으로 undefined 값으로 나옵니다.

“아직 값이 없어요, 정의되지 않았어요!” 라는 의미입니다.

 

---

 

2. null이란?

null 은 undefined와 비슷해 보이지만, 의미가 다릅니다. null은 개발자가 의도적으로 ‘값이 없음’을 지정할 때 사용하는 값이에요.

let number = 0;        // 숫자 0     number = null;         // 의도적으로 '값이 없다'고 지정     console.log(number);

➡️

즉, undefined는 시스템(자바스크립트)이 자동으로 지정하는 “비어 있음”이라면, null은 개발자가 직접 “비워두겠다”라고 말하는 것입니다.

 

---

 

🔸 undefined와 null의 간단 비교 정리

구분	의미	누가 지정하나?	사용 목적
undefined	값이 정의되지 않음	자바스크립트 시스템	변수가 초기화되지 않은 상태
null	의도적인 비어 있음	개발자	데이터가 없음을 명시할 때

 

---

 

3. window.confirm()이란?

window.confirm() 은 브라우저 내에서 확인(confirm) 과 취소(cancel) 버튼이 있는 팝업창을 띄워주는 명령어입니다. 

window.confirm("사실입니까?");

➡️

 

사용자에게 어떤 선택을 물어보고, 그에 대한 결과를 true 또는 false로 반환해요

 

• “확인” 버튼 클릭 → true
• “취소” 버튼 클릭 → false

💡  window.confirm()은 사용자 입력에 따라 프로그램 흐름을 제어할 때 유용합니다.

 

 

---

 

🔸 핵심 요약

구분	설명	반환값 / 특징
undefined	값이 아직 정의되지 않은 상태	시스템이 자동으로 지정
null	의도적으로 비워둔 값	개발자가 직접 지정
window.confirm()	확인 / 취소 버튼이 있는 팝업창	true 또는 false 반환

 

---

 

 

오늘은 자바스크립트에서 헷갈리기 쉬운 undefined, null, 그리고 브라우저 팝업 함수 window.confirm() 을 정리했어요.

이 세 가지는 단순한 개념 같지만, 데이터의 상태를 구분하고 사용자와 상호작용할 때 아주 중요하게 쓰여요!

 

 이 글이 도움이 되셨다면 공감(❤️) 과 댓글(💬)로 함께 성장해요!

여러분의 반응이 다음 포스팅의 큰 힘이 됩니다