JSBasis 2. alert(), prompt(), confirm()

 

안녕하세요 마늘입니다.

다음주 월요일까지 TS 과제를 제출해야합니다.

일이 너무 많아서 이제서야 JS와 TS 공부를 다시 시작합니다.

서론 거두절미하고 이 셋에 대해서 요약하겠읍니다.

 

 

1. alert()

alert("Hello!");

const num = 3;
alert(` The Number is ${num} !`);

alert() 는 JS에서 알림창을 표시하는데 사용됩니다. 해당 내용의 값을 콘솔이 아니라, 이렇게 창을 통해 보여주게 됩니다.

 

alert() 의 결과창

 

 

2. prompt()

const name = prompt("What is your name?");
alert("Welcome! " + name + "!");

prompt() 는 콘솔창이 아닌 알림창에서 입력을 받아오는 함수입니다.

 

prompt() 의 결과창

이런식으로 기본값을 지정해줄 수 도 있습니다.

const locat = prompt("Where are you?", "Home");

 

 

3. confirm()

const isAdult = confirm("Are you adult?"); 
console.log(isAdult);

confirm() 은 기본 기능은 입력이지만, 확인 / 취소 버튼으로 나누어져 표시됩니다.

confirm을 변수에 지정해주면 이는 결과값에 따라서 True / False로 나뉘게 됩니다.

 

confirm() 의 결과창

 

이들 셋은 가장 기본적인 브라우저 내의 입출력 함수들입니다.

그렇기 때문에 가장 쉽고 간편하게 사용할 수 있지만, 다음과 같은 단점들도 존재합니다 -

 

· 작동되는 시점에는 모든 코드가 일시정지됨

· 디자인을 할 수 없어 무조건 브라우저의 기본 디자인을 따름

 

다음 시간에는 형변환 / 기본 연산자를 정리하도록 하겠습니다.

감사합니다.