변수가 필요한 이유와 변수의 구조

변수

이름이 붙어있는 데이터 저장공간이다.

-> 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'이다. 온라인 쇼핑몰 애플리케이션을 구축하는 경우 상품이나 방문객 등의 정보를 저장할 때 변수를 사용한다.

변수가 필요한 이유

복잡한 코드는 변수 안에 저장하고 필요할때 변수명을 불러서 데이터 값을 불러내는것이 프로그램에서 가독성을 높여주고 유지보수에도 좋다. 즉, 효율성이 높아진다.

변수의 구조

변수는 선언과 정의만 기억하면 된다!

1. 변수를 선언한다는 것은 어떤 변수를 사용할것인지 정하는 작업이다. 변수를 선언할 때 javascript는 let 를 주로 사용한다.
2. 변수를 정의하는 것은 선언된 변수에 값을 넣는 작업을 칭한다.

let message; // 'message'라는 이름을 가진 변수를 생성한다.
message = 'Hello'; // 할당 연산자 = 를 사용해 변수안에 데이터를 저장한다.

alert(message); // 변수에 저장된 값을 보여준다. ( Hello )

여러 변수를 선언하는것도 가능하다.

let user = 'urim';
let age = 20;
let message = 'Hello'; // 예시 1

let user = 'urim',
age = 20,
message = 'Hello'; // 예시 2

더 쉽게 이해해보자면, 상자안에 데이터를 저장하는데, 이 상자안에는 특별한 이름표가 붙어있는것이다. 예를들어, 변수 message는 message라는 이름표가 붙어있는 상자에 "Hello!"라는 값을 저장한것이다.

상자 속엔 어떤 값이든지 넣을 수 있다.
원하는 만큼 값을 변경할수도 있다.

let message;
message = 'Hello!';
message = 'World!'; // 값이 변경되었다.

alert(message); // (World!)

값이 변경되면, 이전 데이터는 변수에서 제거된다.

let Hello = 'Hello world!';

let message;

// Hello의 'Hello world' 값을 message에 복사한다.
message = Hello;

// 이제 두 변수는 같은 데이터를 가진다.
alert(Hello); // Hello world!
alert(message); // Hello world!

변수는 두번 선언하면(같은 변수를 여러 번 선언) 에러 발생!

---

let 이외에 변수 선언 키워드 var,const

let: 가장 많이 사용하며 중복선언이 불가능, 재할당이 가능하다.
var: 오래된 방식, 중복선언이 가능하며 (에러발생x) 재할당이 가능하다.
const: 변하지않는 변수 (상수)를 선언할때 사용한다.
재할당이 불가능하며 재선언시 에러가 출력된다.

---

변수 명명 규칙

자바스크립트에선 변수 명명 시 두 가지 제약이 있다.
1. 변수명에는 오직 문자와 숫자, 그리고 $와_만 들어갈 수 있다.
2. 첫 글자는 숫자가 될 수 없다.

참고: https://ko.javascript.info/variables