19. [JavaScript] alert, prompt, confirm

대화 상자

alert 알려줌

alert은 메시지를 보여줍니다. 확인 버튼을 누르면 닫힙니다.

사용자와 사용 작용하기보다 프로그램에서 일방적으로 알림을 표시할 때 사용합니다.

alert("hello world");

 

 

prompt 입력 받음

사용자에게 어떤 메시지를 보여주고 어떤 값을 입력받는 필드 값을 제공합니다.

const name = prompt("이름을 입력하세요.");
alert("환영합니다, " + name + "님");

백 틱(``) 방식

const name = prompt("이름을 입력하세요.");
alert(`안녕하세요. ${name}님. 환영합니다.`);

 

prompt에서 아무것도 입력하지 않고 확인을 누르면 빈 값("") 리턴, 취소를 누르면 null을 리턴합니다.

const name = prompt("이름을 입력하세요.");
console.log(name); // null

 

prompt는 2개의 인수를 받을 수 있습니다.

2번째 인수는 입력받는 곳의 기본값으로 사용됩니다.

뭔가를 안내하거나 힌트를 줄 때 유용합니다.

const name = prompt("이름을 입력하세요.", "사용자");
alert("안녕하세요 " + name + "님");

 

confirm 확인 받음

확인을 누르면 true를 리턴, 취소를 누르면 false를 리턴합니다.

const isDelete = confirm("삭제하시겠습니까?");
console.log(isDelete);

 

단점

1. 스크립트 일시 정지

  - 창이 떠있는 동안은 어떠한 동작도 할 수 없습니다.

2. 스타일림 X

  - 위치나 모양을 정할 수 없고 브라우저마다 모양이 다르게 보입니다.