[JS] 1. 변수와 자료형(let, const)

1. 변수의 선언

name = "zeroJJUN";
age = 24;

(1-1) 데이터의 형식이 문자 or 문자열이라면 따옴표로 감싸주어야 합니다.

(1-2) 데이터의 형식이 숫자라면 따옴표를 사용하지 않아도 됩니다.

 

 

 

 

2. let

(2-1) 혼자서 개발할 때에는 상관없지만 협업을 하면 변수명이 겹칠수도 있기 때문에,

변수 앞에 let이나 const를 사용해야합니다.

let name = "zeroJJUN";
let name = "JJUN";  //중복 변수명으로 인한 에러 발생
console.log(name);

 

 

(2-2) 하지만 let을 빼고 같은 변수명을 사용한다면 마지막에 선언한 값으로 변경됩니다.

let name = "zeroJJUN";
name = "JJUN";   //에러가 발생하지 않고 name = "JJUN"이 됩니다.
console.log(name);

 

 

 

 

 

3. const

(3-1) const는 한 번 설정하면 절대 바뀌지 않는 상수 고유의 값을 선언할 때 사용됩니다. 

const PI = 3.141592;
console.log(PI);

 

(3-2) 변하지 않는 상수의 변수명은 대문자로 작성하여 다른 개발자가 알기 쉽게 해줍니다.

 

 

 

 

 

4. 따옴표

(4-1) 문자를 감싸는 방법은 총 3가지입니다. 큰따옴표 & 작은따옴표 & 백틱

let name1 = "zeroJJUN"; //큰따옴표
let name2 = 'zeroJJUN'; //작은따옴표
let name3 = `zeroJJUN`; //백틱
console.log(name1, name2, name3);

 

 

(4-2) 작은따옴표를 출력에 추가하고 싶을 때

let name1 = "I'm zeroJJUN";
console.log(name1);
//또는
let name2 = "I\'m zeroJJUN";
console.log(name2);

(백슬래쉬 +  ' )를 통해서도 결과에 작은 따옴표를 출력할 수 있습니다.

 

 

(4-3) 백틱은 문자열안에 변수 자체를 집어넣을 때 사용합니다.

let user_name = "주먹펴고일어서";
let pet_name = "또비";
console.log(`안녕하세요 ${user_name}님! 메이플 월드를 지켜주셔서 감사합니다.\n
             현재 키우고 있는 강아지 ${pet_name}는 잘 있나요?`);

 

 

 

 

 

5. boolean

(5-1) 비교연산을 통해 true OR false를 반환받을 수 있습니다.

let A = "35";
let B = 35;

console.log(A == B); //단순 비교
console.log(A === B); //데이터 형식까지 비교

등호가 2개라면 데이터형식이 달라고 true라는 값을 받기 때문에 등호 3개를 사용하여 데이터타입까지 비교하는게 정확합니다.

 

 

 

 

6. typeof

(6-1) typeof 함수를 통해 해당 변수의 데이터형식이 무엇인지 알 수 있습니다.

let A = "35";
let B = 35;

console.log(typeof A); 
console.log(typeof B);