본문으로 바로가기

변수 -1변수사용법 2변수의 효용

category 생활코딩 JavaScript 2018. 11. 16. 15:51

변수 


-변수사용법

◎변수란

변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다.

 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 

비슷한 역할을 한다.(대명사 역할 )

◎변수선언 

JavaScript에서 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var을 생략 할수도 있지만 이것은 유효범위라는 것에 영향을 미친다. 그렇기 때문에 var의 의미를 명확하게 이해하기 전까지는 var를 사용하는 것이 권장된다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다. 다음 예제는 변수에 값을 대입한 예제다.




var a = 1;
alert(a+1); //2
var a = 2;
alert(a+1); //3



딱히 어려운 것은 없다

 변수안에는 어더한  것도 넣을 수 있다 (다양하게 )

*예시로 변수안에

var first = "coding";

alert(first+" everybody"); 


값을 변경해서 사용하는 방법 


var a="kim",b="sin"; // 변수 한번에 두개 이상 초기화 할 때 


 


-변수의 효용

변수 사용이유?

변수는 코드의 재활용성을 높여준다. 예를들어서 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으로 바꿔야 한다면 위의 코드를 모두 수정해야 할 것이다. 

변수를 적용해보자. 변수를 적용하게되면  파란부분인 별할 수 있는 부분만 바궈 주면된다 

 만약 변수를 사용하지 않으면 쥬지보수가 어려워진다 

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

 수정해야 할 코드가 적다는 것은 그만큼 해야 할 일이 줄어든다는 의미고, 

그 과정에서 버그가 발생할 가능성을 낮출 수 있다.

 변수의 효용은 뒤에서 배우게 될 반복문, 조건문, 함수와 결합되면 더욱 더 중요해진다.