코딩앙마 자바스크립트 기초 강의 3. 대화상자

alert 알려줌

prompt 입력 받음

confirm 확인 받음

 

 

alert()

알려주는 창

사용자가 확인 버튼을 누르기 전까지는 계속 떠 있음

상호작용한다기 보다는 알려줌

 

 

prompt()

사용자에게 어떤 값을 입력 받을 때 사용

입력 받을 수 있는 박스가 띄워짐

 

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

alert(`안녕하세요, ${name}님 환영합니다.`)

>이름을 입력하라는 창이 뜨고 이름을 입력하면 그 값이 들어간 얼럿창이 띄워짐

>취소를 누르면 null 값이 뜸

 

프롬프트는 디폴트 값도 입력할 수 있음

const name = prompt("예약일을 입력해주세요.", "2021-08-12");

프롬프트 2개의 인수를 받을 수 있음(괄호 안에 들어가는 값을 인수라고 함)

첫번째 값 : 메세지

두번째 값 : 입력받을 디폴트 값 (뭔가를 안내하거나, 힌트를 줄 때 유용)

 

 

confirm()

무언가를 확인받을 때 사용할 수 있음

얼럿이랑 다른점 버튼이 두 개임

얼럿 : 확인

컨펌 : 확인, 취소

 

확인을 누르면 true, 취소를 누르면 false를 반환

이 결과 값으로 이후 일을 처리할 수 있음

 

사용자 액션을 한 번 더 확인 해 줄 때 사용

 

 

 

단점

1. 창이 떠 있는 동안 스크립트 일시 정지

창을 닫기 전에는 이후 동작에 제한을 받음

확인 버튼을 눌러서 일일이 꺼줘야 함

 

2. 스타일링 불가능

위치 모양 정하기 불가능

브라우저마다 모양이 다름

디자이너가 싫어함

 

하지만 빠르고 간단한 장점때문에 자주 사용하고 있음