[JS] 변수(Variable)

JavaScript의 변수 개념을 살펴보겠습니다.

JavaScipt는 인터프리터 언어로 코드를 작성할 때마다 반영/오타 안나게 주의해야합니다. 

 

먼저 변수를 살펴보겠습니다.

변수는 데이터를 담는 그릇인데요.

변수에 접근하는 방법은 3가지 정도가 있습니다.

 

1. alert() : 경고창을 띄워주는 함수

2. console.log() : 로그를 띄워주는 함수

=> 개발자 모드로 콘솔 도구를 사용하여 확인 가능

3. document.write() : 웹페이지에 내용을 출력해주는 함수

 

 

name = "Beaver";

age = 300; 

 

이런 방식으로 변수를 선언할 수 있는데

전역 변수이기 때문에 위험한 선언 방법입니다.

 

이걸 방지하기 위해서 변수 선언의 형태로 3가지 방법이 있는데

var, let, const가 있습니다.

var는 var(iable)을 뜻하는데

중복해서 선언, 초기화가 가능합니다.

var a = 10;

var a = 30;

이렇게 두 번 초기화를 하면

마지막에 할당된 값이 변수에 저장됩니다.

이는 기존에 선언해둔 변수를 까먹고 다시 값을 할당하는

실수가 발생할 가능성이 있습니다.

이런 문제점을 방지하고자 등장한게

 

let입니다.

let은 Java변수 만들때와 같은 느낌인데

변수명을 중복해서 사용할 수 없습니다.

 

let name = "puft";

console.log(name);

let name = "Puft";

 

이렇게 미리 선언되어있는 변수를

중복해서 사용하게 되면

오류가 발생합니다.

 

하지만 LET은 한번 선언한 후에 값은 바꿔줄 수 있습니다.

 

let grade = "F";

grade = "A";

//변경 가능

 

마지막으로 const변수는

값이 절대로 바뀌지 않는 상수 값을 집어 넣을 때 만드는 변수입니다.

수정이 안되고, 수정하려고 하면 에러가 발생합니다.

ex)파이값, 최소값/최대값, 생일 등등..

const 변수명은 반드시 대문자로 입력해야합니다.

 

정리하자면

JS에서 변수를 선언할 때

변할 수 있는 값은 var, let을 사용하고

변하지 않는 값은 const를 사용해서

상수화시킵니다.

 

변수명 짓는 조건에 대해 알아봅시다.

 

1.변수는 문자와 숫자, $, _만 사용합니다.

2. 첫 글자로는 숫자가 들어가지 않습니다.

3. 예약어(JavaScipt문법)는 사용하지 않습니다.

4. 변수명은 읽기 쉽고 누구나 이해할 수 있게 정합니다.

5. const 변수를 만들 때 변수명을 대문자로 짓습니다.