(JS) 변수와 타입

🤖 변수

1. 변수의 이해

변수는 어떤 값을 저장하는 공간. 자료를 저장할 수 있는 이름이 주어진 기억 장소
변수를 선언하여 보관함의 자리를 확보하고 변수를 할당하여 보관함에 데이터를 저장한다.

• 변수의 선언: let + 변수명
• 변수의 할당: 선언한 변수명 = x

2. 변수의 선언

변수는 상황에 따라 변할 수 있는 값을 말한다.

• ex) myname= x;
  이 때, x에 들어갈 값이 다 다르다.
• 선언은 let myname;
• 할당은 myname = '문재웅';

표현식에서 변수를 이용한다.

let a = 0; //변수 선언 및 할당
consol.log(a); // 0

a=1; //변수 재할당

3. 변수명 짓기

• 저장된 값을 잘 나타낼 수 있는 의미 있는 변수명
• 구체적일수록 좋다.
• 대소문자를 구분한다.
• camelCase로 짓는다 (likeThis)

🤖 타입

변수에는 다양한 타입이 있다.

• number, string, boolean, 자료형(배열, 객체)
• undefined와 함수도 타입이다.

1. number

말 그대로 숫자 타입을 말한다.

let integer = 123; //정수
let negative = -123; // 음수
let double = 1.23; // 실수

2. string

문자열 타입을 말한다.

let string = '안녕하세요';
string = '안녕';
console.log(string); //안녕

• 작은 따옴표(큰 따옴표)를 이용하거나 템플릿 리터럴 (Template Literal) 이용 => (``이용)

let id = '재웅'
let greetings = "'안녕!, " + id + "✋즐거운 하루 보내요!'" ;
console.log(greetings) ;

greetings = `'안녕!, ${id}✋ 즐거운 하루 보내요!'`
console.log(greetings) ; //'안녕!, 재웅✋ 즐거운 하루 보내요!'

3. boolean

• 참(true) 또는 거짓(false) 두 가지 값을 가지고 있는 데이터 타입이다.
• 숫자 0은 false이고, 0을 제외한 다른 숫자는 true로 반환한다.

*이중 부정연산자(!!)를 이용하여 다른 타입의 데이터를 boolean값으로 반환할 수 있다.

let isTrue = true;
let isFalse = false;
console.log(isTrue); //true
console.log(isFalse); //false

• Falsy (거짓인 값)
  0, -0, ''(빈문자열), null, undefined, NaN

console.log(!!0);
console.log(!!-0);
console.log(!!'');
console.log(!!null);
console.log(!!undefined);
console.log(!!NaN); // 모두 다 false

• Truthy (참인 값)
  객체, 0이 아닌 수(양수, 음수), 비어있지 않은 문자열, 빈 배열[], 빈 객체{}, Infinity

console.log(!!1);
console.log(!!-1);
console.log(!!'text');
console.log(!!{});
console.log(!!Infinity); //모두 다 true

4. null, undefined

• null: 어떤 값이 의도적으로 또는 확실하게 비어있는 상태를 말한다. 해당 변수가 어떤 객체도 가리키고 있지 않다는 것을 의미한다.
• undefined: 변수를 선언하고 값을 할당하지 않은 상태, 값이 정해지지 않은 상태를 말한다.

let variable;
console.log(variable); //undefined

variable = null ;
console.log(variable); //null

console.log(typeof null) ; // object
console.log(typeof undefined); // undefined

5. object

객체는 요소들로 구성되는데 요소는 키(key)와 값(value)로 구성된다.

let apple = {
        color: 'red',        
} ;

• key(키): color
• value(값): 'red'

'사과'라는 과일에 대해서 변수 선언과 할당을 해보자.

let name = 'apple';
let color = 'red';
let display = '🍎';

'사과'라는 과일 하나만 표현한다면 이렇게 하나하나 특징에 대해 변수 선언과 할당을 해줘도 어려움이 없다. 그렇지만 다른 과일들이 계속해서 늘어난다면 변수를 계속해서 만들기도 애매하고, 하나하나 다 지정하기 힘들어질 것이다.
이런 문제를 해결하기 위해서 존재하는 것이 객체이다.
apple이라는 객체를 선언하고 내부에 사과라는 과일의 특징에 해당하는 것들을 키와 값으로 구성하여 만들 수 있다.

let apple = {
        name: 'apple',
        color: 'red',
        display: '🍎',
} ;

console.log(apple) ; //{ name: 'apple', color: 'red', display: '🍎' }
console.log(apple.name) ; // apple
console.log(apple.color) ; // red
console.log(apple.display) ; // 🍎

apple이라는 objec를 만들어주고, orange라는 object를 만들어줬다.

let orange = {
        name: 'orange',
        color: 'orange',
        display: '🍊',
} ;
console.log(orange) ; // { name: 'orange', color: 'orange', display: '🍊' }