[독학] Javascript 공부 1일차

prompt를 이용해서 만든 안내문

1. 변수를 입력할 때는 let, const를 사용해라.

• let : 변형이 가능한 변수를 지정할 때 사용한다.
• const : 변형이 불가능한 변수를 지정할 때 사용한다.

처음 변수를 지정할때는 const를 사용하고 완성 후 let으로 변경하는게 마음 편하다.

let name = "오늘의 하루";
const age = 30;

 

2. console.log를 사용하면 consloe에서 자료를 확인 할 수 있다.

console.log(name);
//console에서 name 변수가 가지는 값이 출력된다.

 

3. alert, prompt, confirm을 이용하면 안내 문구들을 만들어 낼 수 있다.

alert(name)
//팝업화면이 뜨고 name 변수에 값이 출력되고 확인 버튼만 있다.

prompt("예약 날짜를 입력하여 주세요.", "2022-01-");
//팝업화면에서 예약날짜를 입력하여 주세요. 가 출력되고 아래 2022-01 입력창이 뜬다.
//prompt로 입력받은 값은 모두 string 형식이다.

confirm("결제하시겠습니까?)
//alert과 똑같이 팝업창이 뜨지만 confirm에는 확인과 취소 두개의 버튼이 존재한다.

prompt 예시

//평균값 구하기
const a = prompt("수학 점수를 입력해주세요.");
const b = prompt("영어 점수를 입력해주세요.");
const results = (a + b) / 2;

console.log(results);
//이렇게 results의 계산식을 작성하게 되면 원하는 값은 나오지 않는다.
//하지만 계산은 된다. 문자열 / 숫자열을 하게 되면 문자열이 자동 행변형을 한다.
//문자열 + 문자열은 "10"+"20" = "1020" 이다.
//형변형 중 하나인 Number을 이용하면 정상적으로 작성이 가능하다.

const a = prompt("수학 점수를 입력해주세요.");
const b = prompt("영어 점수를 입력해주세요.");
const results = (Number(a) + Number(b)) / 2;

console.log(results);
//Number()을 통해 문자열을 숫자형으로 바꿔줬다.

4. 형변형

• String( ) : 문자로 바꾼다.
• Number( ) : 숫자로 바꾼다.

console.log( Number(true), Number(false))
// 결과 값 : 1,0

Number(null)의 결과값은 0
Number(undefined)의 결과값은 NaN
// 그냥 외워야합니다... 방법이 없음

Number(0) = False
Number('0') = True

Number('') = False
Number(' ') = True
//이거도 외워야합니다.

• Boolean( ) : 숫자 0, 빈문자열(""), null, nudefined, NaN은 False 나머지는 모두 True