Node.js - 4. JavaScript : 변수 (생활코딩 따라가기)

 JavaScript의 문법- 변수의 형식 

* 변수 : 변할 수 있는 값 ↔ 상수(constant) 

 

 

 

Atom 에디터에서 syntax 폴더를 열고, Variable.js 파일을 만들고 시작.

Atom 에디터에서 Variable.js 파일에

a = 1;

console.log(a); 를 입력 후, 

CMD 에서 node syntax/Variable.js 를 입력하면 '1' 이라는 값이 출력됨.

 

 * 대입 연산자 ( = )           ex)  a = 1 

 오른쪽에 있는 값을 왼쪽에 있는 변수에 대입하여 

 왼쪽에 있는 값을 오른쪽에 있는 값으로 만드는 연산자. 

 

 

1 = 2; 라는 잘 못된 값을 입력시 CMD 창에 오류 메세지가 뜸.

 

 

 

 

'//' 를 앞에 입력하면 주석(comment) 처리가 가능하여 에러메세지가 사라짐.

 

변수 앞에는 'var' 를 써서 변수 라는 표시를 해줌.

한번 표시 하면 다음에 나오는 같은 변수 앞에는 'var' 생략 가능.

 

 

 

 변수의 활용 

Atom 에디터에서 syntax 폴더안에 Variable2.js 파일 생성 후 시작.

Atom 에디터에서 Variable2.js 파일에

console.log('긴 문장'); 를 입력 후, 

CMD 에서 node syntax/Variable2.js 를 입력하면 ( ) 안의 긴 문장이 출력됨.

 

 

 

 

변수를 지정하여, 긴 데이터에 이름을 붙일 수 있음. 

 * 변수의 이름으로 긴 데이터에 대한 내용을 추론하고 의미를 좁힐 수 있음.

 

 

 

 

'중복을 제거' 하면 좋은 프로그램이 됨.

긴 데이터 안에 'egoing' 이라는 단어가 여러개 들어 갈 경우,

(일억줄 안에 일억번 들어간다고 하면) 생기는 문제점.

 

1. 데이터가 엄청 많아짐.

2. 각각의 'egoing' 이라는 단어가 같은 의미인지 파악하는 것이 불가능.

3. 'egoing' 이라는 단어를 일괄 수정하는 것이 불가능.

 

 

egoing을 name이라는 변수로 지정하고

긴 데이터에서 name 이 egoing을 나타내는 변수가 되려면

'+name+' 이라고 입력해야함.

 

egoing 이 들어가는 4번 중 1번(빨간색 밑줄)은 다른 의미 라면,

3개만 '+name+' 으로 변경.  (파란색 밑줄)

 

CMD에서 node syntax/Variable2.js를 입력하면,

긴 데이터 안에서 '+name+' 이 들어간 부분이 egoing으로 바뀐 것을 확인 가능함.

 

 

'name'이라는 변수를 사용함으로써,

1. 코드 절약 가능.

2. '+name+' 안에 들어가는 egoing은 반드시 같은 의미라는 것을 확신할수 있음. 즉, 가독성 높아짐.

3. 일괄 수정 가능.

 

'egoing'을 'k8805'로 바꾸면,

CMD의 결과값에서 'egoing' 부분이 'k8805'로 바뀐것을 확인 가능함.