주제 : webAPI의 dialog box인 alert(), confirm() 메소드는 window나 document 없이 바로 사용할 수 있는 이유
alert()와 confirm()은 JavaScript의 내장 함수로, 모든 브라우저에서 기본적으로 제공되는 웹 API(Web API)입니다. 이 두 함수는 웹 페이지에서 간단한 메시지를 사용자에게 보여주는 용도로 사용됩니다.
JavaScript의 내장 함수
alert()와 confirm()은 JavaScript 언어 자체의 내장 함수입니다. JavaScript 언어가 브라우저에 내장되어 있기 때문에 이러한 함수를 별도의 라이브러리나 외부 패키지 없이 바로 사용할 수 있습니다.
브라우저의 글로벌 객체
alert()와 confirm()는 브라우저 환경에서 실행되며, 브라우저의 글로벌 객체인 window 객체에 포함되어 있습니다. window 객체는 웹 페이지의 전역 객체로, 웹 페이지의 모든 자바스크립트 코드에서 사용할 수 있는 기본 객체입니다. 따라서 window 객체의 메서드인 alert()와 confirm()을 전역 스코프에서 직접 호출할 수 있습니다.
사용자 인터페이스를 차단하는 모달 다이얼로그
alert()와 confirm()은 모달 다이얼로그 형태로 실행됩니다. 모달 다이얼로그는 사용자 인터페이스의 나머지 부분을 차단하고, 사용자가 해당 다이얼로그를 처리하기 전까지 다른 작업을 수행할 수 없도록 합니다. 이런 특성 때문에 사용자로부터 중요한 메시지를 표시하거나, 확인이 필요한 액션을 요청할 때 사용됩니다.
동기적인 실행
alert()와 confirm()은 사용자의 입력이 들어오기 전까지 코드의 실행을 멈추고 기다립니다. 이러한 특성으로 인해 동기적으로 동작하여, 특정 액션에 대한 사용자의 반응을 기다리고 처리할 수 있습니다.
<활용예시>
<!DOCTYPE html>
<html>
<head>
<title>Alert and Confirm Example</title>
</head>
<body>
<button onclick="showAlert()">Show Alert</button>
<button onclick="showConfirm()">Show Confirm</button>
<script>
function showAlert() {
alert('This is an alert message.');
}
function showConfirm() {
const result = confirm('Do you want to proceed?');
if (result) {
alert('You clicked OK.');
} else {
alert('You clicked Cancel.');
}
}
</script>
</body>
</html>이처럼 alert()와 confirm()은 브라우저의 웹 API로, JavaScript 언어에서 직접 사용할 수 있는 내장 함수이며, 브라우저 환경의 글로벌 객체인 window 객체에 포함되어 있기 때문에 바로 사용할 수 있습니다.
