우리는 저번 시간에
const name = "Mike";
const age = 30;
으로 정의함.
🎀<문자형>
const name1= "Mike"
const name2= 'Mike'
const name3= Mike (벡틱)
위에서 아무거나 써도 되지만,
const message = "I'm a boy.";
처럼 안에 '이 있을 경우 "로 감싸주는 게 편함.
만약 굳이굳이 '로 묶어주고 싶다면
const message2 = 'I/'m a boy.';
로 앞에 /를 달아주면 특수문자로 인식함.
const message3 = `My name is ${name}';
console.log(message3)
-> "My name is Mike"
라고 보여줌.
const messgae4= 나는 ${30+1}살 입니다.;
console.log(message4)
-> "나는 31살입니다."
라고 보여줌.
🎀<숫자형>
const age = 30; // 숫자형 Number
const PI = 3.14;
console.log(1+2); // 더하기
-> 3 반환
console.log(10 -3); // 빼기
-> 7 반환
console.log(32); // 곱하기
-> 6 반환
console.log(6/3); // /나누기
-> 2 반환
console.log(6%4); // % 나머지
-> 2 반환
const x = 1/0;
console.log(x)
-> infinity 반환
const name ="Mike";
const y = name/2;
console.log(y)
-> NaN (Not a number이라는 뜻)
🎀<불린(Boolean)>
const a = true; //참
const a = false; //거짓
ex.
const name = "Mike";
const age = 30;
console.log(name == 'Mike')
-> true 반환
console.log(age > 40)
-> false 반환
<null 과 undefined>
null : 존재하지 않는 값
undefined : 값이 할당되지 않음.
ex.
let age;
console.log(age)
-> undefined 반환
let user = null;
-> user가 존재하지 않는다는 의미.
객체형과 심볼형은 나중에 따로 알려주신다 함.
🎀<typeof 연산자>
const name = "Mike";
console.log(typeof 3);
-> number 반환
console.log(typeof name);
-> string 반환
console.log(typeof true);
-> boolean 반환
console.log(typeof "xxx");
-> string 반환
console.log(typeof null);
-> object 반환
object는 객체형임을 의미. 단, null은 객체가 아니다 !! 자바스크립트 초기 버전의 오류이지만 하위 호환성을 위해 수정하지는 않는다고 함.
console.log(typeof undefined);
-> undefined 반환
변수를 사용하는 개발자가 직접 작성했다면 거의 사용할일이 없겠지만,
다른 개발자가 작성한 변수의 타입을 알아야하거나
API 통신 등을 이용해 받아온 데이터를 타입에 따라 다른 방식으로 처리해야 할 때 많이 사용됨.
🎀 몇 가지 팁
1. 벡틱 사용 시 큰 따옴표와 헷갈리지 말 것.
const name = "Mike";
const message = My name is ${name};
벡틱으로 지정 시 실수로 벡틱 말고 큰 따옴표를 사용하면 변수명 name이 그대로 노출되므로 주의할 것 !
- 문자형도 더하기 사용 가능
const name = "Mike";
const a = "나는 ";
const b = " 입니다.";
console.log(a + name + b);
-> 나는 Mike 입니다.
숫자형과 문자형을 섞을 수도 있다. 이럴 때는 문자형으로 변경된다.
const age = 30;
console.log(a + age + "살" + b)
-> 나는 30살 입니다.
