prompt, 타입변환

prompt

요즘에는 잘 사용하지 않는 prompt창이 있다. 로딩을 하면 나오는 알림 창인데,

 

 

이렇게 팝업창으로 나온다. 요즘에 사용하지 않는 이유는 크게 2가지가 있다.

우선 팝업창 설정이 되어있으면 나오지 않는다.

프롬프트에 입력을 하지 않으면 값이 전송되지 않아 진행이 안될 수 도 있다.

두 번째는 CSS적용이 안된다. 브라우저에서 제공하는 디자인 그대로 사용하기 때문이다.

 

const name = prompt("이름을 적으시오");

console.log(name);

 

---

타입 변환

타입 알아보기

const myName = prompt("이름을 적으시오");

console.log(typeof myName);

 

타입을 알아보기 위해서 typeof 키워드를 사용하면 된다. 

 

 

---

string >> number

string을 number로 변환시키려면  parseInt()를 사용한다.

 

console.log(typeof "15", typeof parseInt("15"));

 

 

코드를 확인하면 문자인 "15"가 숫자 15로 변환된 것을 알 수 있다.

숫자 15는 크기를 비교할 수 있고 사칙연산이 가능하지만 문자"15"는 사칙연산이 불가능하다.

 

parseInt()

parseInt()를 활용하면 사용자가 숫자가 아닌 문자를 입력했다는 것을 알 수 있다.

 

const age = prompt("나이를 적으시오");

console.log(age, parseInt(age));

 

 

 

위 와 같이 숫자가 아닌 문자를 입력하면 NaN(Not a Number) 문자가 나온다.

 

const age =parseInt( prompt("나이를 적으시오"));

console.log(age);