alert, prompt, confirm

RHUK2·2021년 12월 17일

Javascript

목록 보기

5/56

📢 22/05/26 복습

참고 사이트에 내용을 개인적으로 복습하기 편하도록 재구성한 글입니다.
자세한 설명은 참고 사이트를 살펴보시기 바랍니다.

브라우저는 사용자와 상호작용할 수 있는 세 가지 함수를 제공합니다.

alert
메시지를 보여줍니다.

prompt
사용자에게 텍스트를 입력하라는 메시지를 띄워줌과 동시에, 입력 필드를 함께 제공합니다. 확인을 누르면 prompt 함수는 사용자가 입력한 문자열을 반환하고, 취소 또는 Esc를 누르면 null을 반환합니다.

confirm
사용자가 확인 또는 취소 버튼을 누를 때까지 메시지가 창에 보여집니다. 사용자가 확인 버튼을 누르면 true를, 취소 버튼이나 Esc를 누르면 false를 반환합니다.

위 함수들은 모두 모달 창을 띄워주는데, 💥 모달 창이 떠 있는 동안은 스크립트의 실행이 일시 중단됩니다. 사용자가 창을 닫기 전까진 나머지 페이지와 상호 작용이 불가능합니다.

지금까지 살펴본 세 함수엔 두 가지 제약사항이 있습니다.

📌 모달 창의 위치는 브라우저가 결정하는데, 대개 브라우저 중앙에 위치합니다.
📌 모달 창의 모양은 브라우저마다 다릅니다. 개발자는 창의 모양을 수정할 수 없습니다.

이런 제약사항은 간결성을 위해 치러야 할 대가입니다. 창을 더 멋지게 꾸미고 복잡한 상호작용을 가능하게 해주는 다른 방법도 있긴 하지만, "멋을 위한 부가 기능"이 필요하지 않다면 지금까지 소개해드린 기본 메서드만으로 충분합니다.

생각 많이 하지 않기 😎