#3 alert, prompt, confirm

alert()

• 메시지를 띄우고 사용자가 확인버튼 누르기 전까지는 메시지 창이 떠 있다.
• 사용자와 상호작용보다는 일반적으로 알리는 용도로 사용한다.

---

prompt()

• 사용자의 값을 입력받을 때 사용

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

//백틱으로 사용
const name = prompt("이름을 입력하세요.");
alert(`환영합니다, ${name}님`);

취소를 누르면?

• 아무런 값이 없어 null 이 된다.

prompt()는 디폴트 값 설정이 가능하다?!

• prompt는 디폴트 값 설정이 가능하다
  즉, 초기 값 지정이 가능하다

//const name = prompt(”문자”, 초기값);//
const name = prompt(”예약일 을 입력해주세요.”, “2026-01-”);

---

confirm()

• 무언가를 확인받을 때 사용하는 함수

const isAdult = confirm("당신은 성인 입니까?");
console.log(isAdult);

확인 누르면 true 취소 누르면 false 반환

• "정말 삭제하시겠습니까?" , "정말 결제하시겠습니까?"와 같은 사용자 액션을 한번 더 확인할 때 사용

---

단점

1. 스크립트 일시 정지

→ 창이 떠 있는 동안 스크립트가 일시 정지 된다. 
즉 창을 닫기 전에는 이후 동작에 제한을 받는다.

 

2. 스타일링 X

→ 모양과 위치를 정할 수 없고, 브라우저마다 모양이 다름.

그래서 모델창 같은걸 CSS적용하는 듯함..

 

☞ 그럼에도 불구하고, 기본 메서드는 빠르고 간단하게 적용가능한 장점 때문에 많이 사용한다고 한다.