[자바스크립트 기초 강좌: 100분 완성] 대화상자, 형변환

대화상자

단점

1. 창이 떠 있는 동안 스크립트 일시 정지
2. 스타일링 불가능 (위치, 모양 지정 불가)

alert

: 알려줌

prompt

: 입력 받음

default값 입력 가능

const name = prompt("이름을 입력하세요.", "Default_Name"); //두 번째 값은 default값
alert("환영합니다, " + name + "님");
alert(`환영합니다, ${name}님`);

confirm

: 확인 받음

const isAdult = confirm("당신은 성인입니까?");
//alert와 달리 '확인' 버튼 외에 '취소' 버튼도 생김
//확인=>true, 취소=>false

---

형변환

왜 필요한가?

대화상자 등을 통해 입력 받은 경우(무조건 문자형)와 같이 필요에 의해

기본적으로 자동 형변환 제공

ex. "9080"/2 = 4540, "6"/"2"=3

자동형변환은 원인을 찾기 힘든 에러를 발생시킬 수 있으므로 '명시적 형변환' 필요

String()

문자형으로 변환

console.log(String(3), String(true), String(false));
//console.log 안에 , 를 통해 여러 개 출력 가능

Number()

숫자형으로 변환

Boolean()

불린형으로 변환

false

⇒ 숫자 0, 빈 문자열 '', null, undefined, NaN

위의 false로 반환되는 값 이외에는 모두 true

주의사항

Number(null) ⇒ 0

Number(undefined) ⇒ NaN

Number(0) => false
Number('0') => true
Number('') => false
Number(' ') => true

 

강의 출처. 코딩앙마(Youtube)

https://www.youtube.com/watch?v=KF6t61yuPCY&t=229s