JavaScript 개념과 간단 문법 2 ( 변수에 대해서 )

처음 접한 언어가 파이썬이라 변수라는 단어에서 낯선 것은 없었다.

이 변수(Variable)는 문자나 숫자 같은 값을 담는 통이라고 생각하고 이 값을 유지할 필요가 있을 때 사용한다.

(이 통에 담겨진 값은 다른 값으로 바꿀 수 있음)

 

변수를 선언하기

JavaScript에서 변수는 Variable을 줄여 var로 사용한다.var를 입력 후 뒤에 값을 넣어 변수를 선언하겠다는 것을 알려주면 된다.var를 생략할 수도 있는데,이건 유효범위라는 것에 영향을 미치기 때문에 var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것을 권장하고 있다.var를 입력하고 뒤에 오는 변수는 $표시와 _ 언더바 혹은 특수문자를 제외한 무든 문자로 시작할 수 있다 

 

예제

 

var a = 1;

alert(a+1);

 

프로그래밍 언어를 공부하다 보니 특수문자들이 참 낯설다.

코드의 마지막에는 ; 세미콜론을 사용해서 코드가 끝났다는 것을 꼭 알려주어야 한다.

 

예시에서의 alert(얼럿)은 웹브라우저에서 팝업을 띄울 때 사용되는 가장 기본이 되는 코드라서 예제로 넣었다.

어떤 강의를 보든 예시로 alert(얼럿)이 빠지지 않는다 ㅎㅎ

 

 

 

변수에 값을 넣을 때, 그 값이 꼭 숫자만 올 수 있는 것은 아니다

 

예제

var first = "codding"

 

 

 

그런데.

변수는 왜 사용해야 할까?

 

변수라는 건 코드의 재활용성을 높여준다.

예를 들면 100이라는 숫자에 10을더하고,10을 나눈 후에 다시 10을 빼고 거기에 10을 곱해야 한다고 했을 때

 

alert(100+10);

alert((100+10)/10);

alert(((100+10)/10)-10);

alert((((100+10)/10)-10)*10);

 

그 결과를 출력해야 한다면 이런 코드가 나올 것이다. 계산할 값을 100이 아니라 1000으로 바꿔야 한다면 위의 코드를 모두 수정해야 하겠지 여기에 변수를 적용한다면?

 

a = 100;

a = a + 10;

alert(a);

a = a / 10;

alert(a);

a = a - 10;

alert(a);

a = a * 10;

alert(a);

 

위의ㅡ 코드에서 첫번째 줄의 100을 다른 숫자로 바꾸면 나머지 로직에 대입되는 변수의 값이 모두 바뀐다.

수정해야 할 코드가 적다는 것은 그만큼 해야할 일이 줄어든다는 의미이고 그 과정에서 버그가 발생할 가능성을 낮춰주는 것이다.와우!