JavaScript 입문 : 변수 선언, 변수 이름 짓기, 변수 내용 수정

본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다.

1. 변수 선언

 

자바스크립트 뿐만 아니라 컴퓨터 프로그래밍에서는 변수선언은 중요한 의미를 가집니다. 변수를 선언함으로써 해당 변수에 원하는 내용을 저장하는 기능을 가져 나중에도 같은 내용을 사용하는데 쓸 수 있습니다. 

 

변수 선언은 let +  원하는 변수명으로 하면 됩니다. 

 

다음 그림은 뱐수를 사용하는 기본을 보여줍니다. 

 

 

즉, a라는 변수명을 let을 통해 선언하고 저장 시킵니다. 그리고 그 후 부터는 a만 사용해도 해당 값이 반환됩니다. 

 

조금 더 진도를 나가 보겠습니다.

3개의 숫자를 변수에 넣어서 사용하는 방법을 보겠습니다. 

 

 

☞ 연산자 등호(=)의 의미

 

자바스크립트에서는 같다의 의미는 == 이나 === 으로 사용된다고 이미 확인 하였습니다. 그렇다면 우리가 익숙한 = 하나는 어떤 의미일까요?

 

오른쪽에 있는 연산된 규칙을 실행하고 왼쪽으로 넘긴다라는 뜻으로 보면 됩니다. 

 

let var = 1 + 2 + 3;

 

이라고 가정하면 오른쪽이 먼저 계산되고 6이 나옵니다. 그 값을 왼쪽 변수명인 var에 저장을 하는 기능을 합니다. 

 

---

 

2. 변수 이름 짓기

 

① 변수는 두번 이상 연이어 선언하면 에러가 생깁니다. 

 

 

② 변수 선언된 값이 지정하지 않는 경우 undefined가 됩니다. 

 

 

③ 변수명은 최대한 자세하고 명확하게 지어야 합니다.  

 

변수명을 처음에 아무 의미없이 지었다가 프로그램이 무거워지면 응용하기가 힘든 경우가 생깁니다. 따라서 최소한 개발자가 알 수 있는 변수명을 짓는게 좋습니다. 

 

기본적으로 영어로 짓는게 좋으며 한글이나 특수문자의 일부 ( $, _ ) 그리고 숫자도 변수명으로 지을 수 있습니다.

 

④ 문장으로 나타낼 경우

 

camelCase를 따릅니다. camelCase는 React에서 설명한 바와 같이 낙타등처럼 혹이 나온 모양을 보고 불리는 용어입니다. 예를 들어 This is cat이라는 변수명을 사용하고 싶을때 thisIsCat으로 사용합니다. 

 

⑤ 변수로 사용할 수 없는 단어

 

자바스크립트 언어안에서 단독으로 정의되어 프로그램화 되어 있는 단어(예약어)는 변수명으로 사용할 수 없습니다. let, class, const 등인데, 이는 지금 외우기 보다 프로그래밍을 해 나가면서 자연스럽게 이해 하도록 하겠습니다. 

 

 

이 외에도 상당히 많은 단어가 예약어로 등록이 되어 있습니다. 그런걸로 알고 넘어갑시다. 만일 그래도 궁금하면 검색을 통해 확인 바랍니다. 

 

---

 

 

 

3. 변수 내용 수정

 

변수 내용을 수정할 수 있습니다. 변수 선언후 수정이 이루어져야 하는 것으로 이해하면 됩니다. 단, 변수명을 직접 입력하여 변경하는 것도 가능하기 때문에 혼동 될 수 있는데, 차이점을 보자면 변수선언시 반환값은 undefined가 되는데 바로 변수 내용을 수정하면 그 내용이 바로 반환됩니다. 

 

 

아직은 이해가 안되는 부분입니다. 조금 더 공부를 해 나가면서 규칙을 더 고민해 봐야 겠습니다. 하나 필요한 것은 어떤 형태로든지 변수의 내용을 빈 값으로 만들기 위해서는 undefined 또는 null을 사용하면 됩니다. 이 중 개발자끼리는 빈 값으로 의도적으로 바꾸는 경우는 null을 사용한다고 하는 군요. undefined는 빈 값이면서도 기본값이기 때문에 공통 개발시 혼란을 줄 수도 있다고 하는 군요.