variable

변수(variable)

변수(variable)

프로그래밍에서 변수는 값의 컨테이너다. 변수는 컴퓨터 메모리에 있는 정보의 작은 컨테이너로 생각할 수 있다. 

사용자 이름, 계정 번호 또는 개인화된 인사말과 같은 변수에 저장된 정보는 메모리에서 찾을 수 있다.

변수는 또한 설명적인 이름으로 데이터에 레이블을 지정하는 방법을 제공하므로 우리 자신이 프로그램을 더 명확하게 이해할 수 있습니다.

간단히 말해서 변수는 데이터에 레이블을 지정하고 메모리에 저장한다. 

1. 설명이 포함된 이름으로 변수를 만든다.
2. 변수에 저장된 정보를 저장하거나 업데이트한다.
3. 변수에 저장된 정보를 참조 또는 "가져오기" 한다.

변수가 값이 아니라는 점을 구별하는 것이 중요하다. 값을 포함하고 이름으로 나타낸다.

변수를 생성하기 위해 var, let, const 및 키워드를 사용한다.

 

 

변수의 생성과 선언(var, let, const)

2015년 ES6 버전의 JavaScript에는 많은 변경 사항이 도입되었다.

가장 큰 변경 사항 중 하나는 두 개의 새로운 키워드 let, const가 도입된 것이다.

ES6 이전에는 프로그래머가 var 키워드를 사용하여 변수를 연결할 수만 있었다.

var myName = '홍길동';
console.log(myName);
// 홍길동

이제는 쓰지 않는 var bye!!!!!!!

 

let

let 키워드는 변수에 다른 값을 다시 할당할 수 있다.

let myName = '홍길동';
console.log(myName);
// 홍길동
myName = '이몽룡';
console.log(myName);
// 이몽룡

let 키워드는 변수에 값을 할당하지 않고 선언할 수 있다.

let num;
console.log(num);
// undefined
num = 30;
console.log(num);
// 30

const

상수라는 단어의 약자이며, 변수를 선언하고 할당하는 방식은 let과 동일하다.

const myName = '홍길동';
console.log(myName);
// 홍길동

그러나 const는 상수이므로 재할당할 수 없음.

변수를 재할당하려고 하면 TypeError 발생

const myName = '홍길동';
console.log(myName); // 홍길동
myName = '이몽룡'; // TypeError

또, const는 변수를 선언할 때 값을 할당해야 함.

값 없이 변수를 선언하려고 하면 SyntaError 발생

const num; // SyntaxError

변수의 값을 바로 할당하려는 경우 let 또는 const, 나중에 변수를 할당하거나 나중에 재할당해야 하는 경우는 let, 그렇지 않으면 const를 사용

 

수학 할당 연산자

변수와 수학 할당 연산자를 사용하여 새 값을 계산하고 변수에 할당

// 수학 할당 연산자 더하기
let num = 3;
num += 2; // num(3) + 2 = 5
console.log(num); // 5


// 그 밖의 대입연산자
let x = 20;
x -= 5; // Can be written as x = x - 5
console.log(x); // Output: 15
 
let y = 50;
y *= 2; // Can be written as y = y * 2
console.log(y); // Output: 100
 
let z = 8;
z /= 2; // Can be written as z = z / 2
console.log(z); // Output: 4

증가 및 감소 연산자

증가 연산자는 변수 값을 1만큼 증가시키고, 감소 연산자는 변수 값을 1만큼 감소시킨다.

// 증가 연산자
let a = 10;
a++;
console.log(a); // 11

// 감소 연산자
let b = 10;
b--;
console.log(b); // 9

변수를 사용한 문자열 연결

+연산자는 두 문자열 값이 변수에 저장되어 있는 경우에도 두 문자열 값을 결합하는 데 사용할 수 있다.

let myPet = 'armadillo';
console.log('I own a pet ' + myPet + '.');
// I own a pet armadillo.

문자열 보간

템플릿 리터럴을 사용하여 변수를 문자열에 삽입하거나 보간할 수 있다.

const myPet = 'armadillo';
console.log(`I own a pet ${myPet}.`);
// I own a pet armadillo.

템플릿 리터럴은 백틱으로 래핑 됩니다. `(맥북의 경우 영문 상태에서 키보드 상단 좌측 esc 아래에 있음)

템플릿 리터럴을 사용할 때 가장 큰 이점은 가독성이 좋다는 것입니다.

템플릿 리터럴을 사용하면 새 문자열이 무엇인지 더 쉽게 알 수 있습니다.

 

typeof 연산자

변수 값의 데이터 유형을 확인해야 하는 경우 typeof 연산자를 사용할 수 있습니다.

typeof 연산자는 오른쪽에 있는 값을 확인하고 데이터 유형의 문자열을 반환하거나 다시 전달합니다.

const unknown1 = 'foo';
console.log(typeof unknown1); // Output: string
 
const unknown2 = 10;
console.log(typeof unknown2); // Output: number
 
const unknown3 = true; 
console.log(typeof unknown3); // Output: boolean

정리하며

• 변수는 프로그램에서 재사용 가능한 데이터를 보유하고 이름과 연결합니다.
• 변수는 메모리에 저장됩니다.
• var키워드는 JS의 ES6 이전 버전에서 사용됩니다 .
• 재할당할 수 있는 경우 변수를 let으로 선언하는 것이 기본 방법이며 상수 값을 사용하여 변수를 선언하는 기본 방법은 const으로 선언하는 것입니다.
• undefined는 초기화되지 않은 변수 기본 데이터 유형을 저장합니다.
• 수학적 할당 연산자를 사용하면 새 값을 쉽게 계산하고 동일한 변수에 할당할 수 있습니다.
• +연산자는 변수에 포함된 문자열 값을 포함하여 문자열을 연결하는 데 사용됩니다.
• ES6에서 템플릿 리터럴은 백 틱`을 사용하고 ${}값을 문자열로 보간합니다.
• typeof키워드는 값의 데이터 유형(문자열)을 반환합니다.