alert
함수 실행 시, 확인 버튼을 누를 때까지 메세지를 보여주는 창이 뜸.
alert('hello');메세지가 있는 작은 창은 모달창(modal window)이라고 함.
모달은 페이지의 나머지 부분과 상호작용이 불가하다는 의미가 있음. 확인 버튼을 누르기 전까진 다른 상호작용을 할 수 없게 됨.
prompt
브라우저에서 제공하는 prompt의 경우, 두 개의 인수를 받음.
prompt('title',[default]);
//title은 사용자에게 보여질 문자열
//defalt는 입력 필드의 초깃값(선택값)
//빈칸을 제출 했을 때는 ''
//취소를 눌렀을 때는 'null'
//값을 입력했을 때는 값이 뜸인수를 감싸는 대괄호[...]의 의미는 이 매개변수가 필수가 아닌 선택값이라는 것을 의미.
숫자를 입력해도 문자값으로 들어옴
IE 환경에서는 선택값을 입력하지 않으면 undefined가 뜨기 때문에 IE 환경을 고려한다면 prompt('질문', '')를 넣어줘야함.
prompt 함수는 사용자가 입력 필드에 기재한 문자열을 반환함.
confirm
confirm('question') 질문을 하면 확인과 취소가 있는 창을 보여줌.
확인을 누르면 true를 보여줌.
let isBoss = confirm("당신이 주인인가요?");
alert(isBoss); // 확인 버튼을 눌렀다면 true가 출력됨.요약
브라우저는 사용자와 상호작용할 수 있는 세 가지 함수를 제공함.
alert, prompt, confirm 모두 window에서 제공.
alert: 메세지를 보여줌
prompt: 텍스트를 입력하라는 메시지를 띄워줌과 동시에, 입력필드 제공.
confirm: 확인/취소 버튼을 누를 때까지 메시지가 창에 보여짐. 확인을 누르면 true, 취소나 esc를 누르면 false를 반환함.
위 함수들은 모두 모달 창을 띄워주며, 이것이 떠 있는 동안 스크립트의 실행이 일시 중단됨. 창을 닫기 전까지는 나머지 페이지와 상호작용이 불가능함.
또한 두 가지 제약사항이 있음.
1. 모달 창의 위치는 브라우저가 결정하는데, 대개 브라우저 중앙에 위치
2. 모달 창의 모양은 브라우저마다 다르며, 개발자는 창의 모양을 수정할 수 없음.
