[강좌]자바스크립트 alert/prompt/comfirm

오늘은 alert/prompt/comfirm 에 대해 알아보겠습니다.

alert => 알림과 같은 할
prompt => 사용자로부터 입력 받을때 사용
comfirm => 사용자에 확인 또는 취소를 요청하고 결괏값을 받아옴

---

1. alert

alert("경고"); 이와 같이 코딩을 하면 브라우저에 알림창과 함께 경고라는 메시지가 출력된다.

 

2. prompt 

사용자에게 입력을 받을 때 사용하며 입력받은 값을 가져 올 수 있다.
prompt("이름을 입력하세요"); 와 같이 코딩하면 브라우저에 "이름을 입력해주세요"라는 메시지와 함께
사용자가 입력 할 수 있는 창이 나타난다.

아래와 입력창에 마이크를 입력한 후 확인 버튼을 누르면 마이크가 name 변수에 저장되고 alert를 이용해 마이크가 출력되는 것을 확인할 수 있다.

 

prompt는 디폴트값을 넣을 수 있는데
예를 들면 
prompt("이름을 입력하세요", "홍길동"); 
와 같이 코딩 할 경우 사용자 입력창에 "홍길동" 이 디폴트로 들어가게 된다.

 

3. comfirm 

사용자에게 내용을 보여주고 확인 또는 취소 버튼을 입력받아 결과를 확인할 수 있다.
사용자가 확인을 누르면 true를 취소를 누르면 false를 반환받는다.

 

4. alert/prompt/comfirm 함수 사용의 장단점

장점
- 빠르고 간단하게 적용가능

단점
- 화면이 정지됨(해당 알림 창이 뜨면 확인 또는 취소 버튼을 누르기 전까지 다른 곳을 터치할 수 없음)
- 스타일일 불가능( 위치, 크기 등을 지정할 수 없음)

결론
 - 단점이 명확하지만 빠르고 간단하게 적용 가능하기 때문에 생각보다 자주 사용됨

 

---

긴 글 읽어 주셔서 감사합니다.

유튜브 코딩앙마 님의 영상을 보고 공부한 내용을 바탕으로 작성하였습니다.
혹시 틀린 내용이 있다면 댓글 부탁드립니다.