자바스크립트(Javascript) 메시지 창 종류 확인

JavaScript에서 메시지 창은 총 3가지입니다.  “alert()”, “confirm()”, 그리고 “prompt()” 함수를 사용하여 다양한 메시지 창을 표시할 수 있습니다. 각 함수는 사용자와 상호작용하여 메시지 창을 표시하고 사용자 입력을 받을 때 사용합니다. 아래는 이러한 함수들을 사용한 예제와 설명, 그리고 출력 결과입니다. 

 

 

 

◎ 1. “alert()” - 경고 창 표시

 

“alert()” 함수를 사용하여 경고 메시지 창을 표시합니다. 사용자가 확인 버튼을 클릭하기 전까지 스크립트 실행이 일시 중지됩니다.

 

alert("이것은 경고 메시지입니다.");

 

 

 

◎ 2. ”alert()”와 문자열 보간 사용

 

“alert()” 함수는 문자열 보간(interpolation)을 사용하여 메시지를 동적으로 구성해서 표시할 수 있습니다. “${message}” 구문을 사용하여 변수 “message”의 값을 메시지에 삽입합니다.

 

const message = "안녕하세요!";
alert(`메시지: ${message}`);

 

 

 

◎ 3. “confirm()” - 확인 창 표시

 

“confirm()” 함수를 사용하여 확인 창을 표시하고 사용자가 "확인" 또는 "취소" 버튼 중 하나를 클릭하도록 합니다. 사용자의 선택에 따라 “true” 또는 “false” 값을 반환합니다.

 

const result = confirm("계속하시겠습니까?");
console.log("사용자 응답: " + result);

 

 

 

◎ 4. “prompt()” - 입력 창 표시

 

“prompt()” 함수를 사용하여 입력 창을 표시하고 사용자로부터 텍스트를 입력받습니다. 두 번째 매개변수는 입력 창에 기본값을 설정할 수 있습니다.

 

const name = prompt("이름을 입력하세요:", "기본값");
console.log("사용자가 입력한 이름: " + name);

 

 

 

◎ 5. “confirm()”의 반환 값 사용

 

“confirm()” 함수의 반환 값을 사용하여 사용자의 선택에 따라 다른 동작을 수행할 수 있습니다. “result” 변수가 “true”이면 확인 버튼을 클릭한 것이고, “false”이면 취소 버튼을 클릭한 것입니다.

 

const result = confirm("계속하시겠습니까?");
if (result) {
  console.log("사용자가 확인 버튼을 클릭했습니다.");
} else {
  console.log("사용자가 취소 버튼을 클릭했습니다.");
}