🚩 변수 타입

number

📝 설명

• 숫자를 나타낼 때 사용하는 변수

✒️ 사용법

입력

let integer = 123; // 정수 - 숫자는 아무거나 전부 사용 가능
let negative = -123; // 음수
let double = 1.23; // 실수
let binary = 0b1111011; // 2진수
let octal = 0o173; // 8진수
let hex = 0x7b; //16진수

// 연산 가능
console.log(0 / 123); //0
console.log(123 / 0); //Infinity
console.log(123 / -0); //-Infinity
console.log(123 / "aa"); //NaN (Not a Number)

출력

• 이미지로 대체
  

string

📝 설명

• 문자열을 나타낼 때 사용하는 변수

✒️ 사용법

입력

let string = "안녕하세요";
string = `hello`;
console.log(string);

// 특수문자 출력하는법
string = "'따옴표가 보이게 출력'"; // 보이고 싶은 따옴표를 안쪽에 넣고 따옴표를 이중으로("", '') 작성하면 보임
console.log(string);
string =  '똑같은 \'따옴표\' 사용'; // 따옴표 앞부분에 역슬래시(\)를 사용하면 같은 따옴표로도 사용 가능
console.log(string);
string = "❗ 줄바꿈\n 탭키 사용\t 백슬래시 두번\\    유니코드 \u0d00 \n";  // 이스케이프 표현
console.log(string);

/*
  템플릿 리터럴(Templete literal)
    - 내장된 표현식을 허용하는 문자열 방법
    - 따옴표 대신 백틱 사용, ${변수}
*/
let id = "Rainy";
let greetings = "안녕하세요 " + id + "님 \n즐거운 하루 보내세요";
console.log(greetings, "-전통적방법\n");


greetings = `안녕하세요 ${id}님 즐거운    하루 보내세요`;
console.log(greetings, "-템플릿 리터럴");
console.log("");

console.log("1 + 1 = 2");
console.log(`1 + 1 = ${1 + 1}`);  // 1 + 1 = 2

출력

• 이미지로 대체
  

boolean

📝 설명

• boolean 타입. true/false를 나타낼 때 사용하는 변수

✒️ 사용법

입력

/* 
  boolean 타입 - true/false
*/

let aa = true; // 문자지만 따옴표를 사용하지 않으면 boolean
console.log("변수 aa는", aa);
console.log("변수 aa는", !aa); // not연산자(!)
console.log(0);
console.log(!0); // 0이 아님 - true

console.log(""); // 한줄 공백 줄바꿈

//falsy 거짓인 값 값 앞에 '!!'를 붙이면 무조건 boolean(false)으로 변함
console.log("============= falsy 거짓인 값 =============");

console.log(!!0);
console.log(!!-0);
console.log(!!"");
console.log(!!null); 
console.log(!!undefined);
console.log(!!NaN);

console.log("");

// truthly 참인 값
console.log("============= truthly 참인 값 =============");
console.log(1);
console.log(-1);
console.log("문자열");
console.log({}); // 비어있는 오브젝트
console.log([]); // 비어있는 배열
console.log(Infinity);

console.log("");

// 응용
console.log("============= 응용 =============");
let bb;
console.log("변수 bb는?", !!bb);
console.log(3 < 2);
console.log(3 == 2);
console.log(3 > 2);

출력

• 이미지로 대체
  

empty (null, undefined)

📝 설명

• 값이 없는 상태를 나타내기 위한 변수

✒️ 사용법

입력

// null, undefiend

let vari;
console.log(vari); // undefined 메모리상 어떤 데이터도 들어있지 않음
vari = null; // 변수가 비어있다고 선언
console.log(vari);

console.log("");

let activeItem; // 변수 선언, undefined 상태
console.log("변수 activeItem : ", activeItem);
activeItem = null;
console.log("null activeItem : ", activeItem);

console.log("typeof null : ", typeof null); 
// 출력 결과 - object : 비어있다는 의미가 있기 때문에 null은 type이 object로 출력
// typeof : 변수의 자료형이 무엇인지 알려줌

출력

• 이미지로 대체
  

🔗 참고 링크 & 도움이 되는 링크

• Javascript

---