Coding

코스 전체목록

닫기

변수

변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할을 한다.

변수의 선언

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

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

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

//은 주석(comment)으로 코드에 부가적인 설명을 쓰거나 사용하지 않는 코드를 비활성화시키기 위해서 사용한다. //뒤에 따라오는 내용은 해석되지 않는다.

세미콜론(;)은 하나의 구문이 끝났음을 명시적으로 나타내는 기호다. 다음처럼 한줄에 여러구문을 사용하고 싶을 때 세미콜론이 유용하다.

a = 1; alert(a+1);

JavaScript에서는 세미콜론을 생략할 수 있는데, 이 경우 줄바꿈을 명령의 끝으로 간주하게 된다.

위의 실습 결과는 각각 2와 3이 출력될 것이다. 변수 a에 담겨 있는 값이 1일 때는 a+1의 결과가 2가 된다. 두번째 결과가 3이 된 것은 a의 값이 2로 바뀌었고, 2+1의 결과인 3이 출력된 것이다.

다음 예제는 변수의 값이 꼭  숫자만 올 수 있는 것은 아니라는 것을 보여주기 위해서 만든 예제다.

var first = "coding";
alert(first+" everybody");

변수 a에 coding ,변수 b에 everybody를 활당하는 방법은 아래와 같다.

var a = 'coding', b = 'everybody';
alert(a);
alert(b);

 변수가 없다면

변수는 코드의 재활용성을 높여준다. 예를들어서 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을 다른 숫자로 바꾸면 나머지 로직에 대입되는 변수의 값이 모두 바뀐다. 수정해야 할 코드가 적다는 것은 그만큼 해야 할 일이 줄어든다는 의미고, 그 과정에서 버그가 발생할 가능성을 낮출 수 있다. 변수의 효용은 뒤에서 배우게 될 반복문, 조건문, 함수와 결합되면 더욱 더 중요해진다.

댓글

댓글 본문
  1. Amousk
    감사합니다.
    21.05.08 완료
  2. 드림보이
    저는 저번에 자바스크립트 강의 들었는데 자바스크립트가 잘 이해가 안되서 다시 한번 듣고 있습니다...

    생활코딩님 강의는 참 쉽게 설명해주셔서 이해가 잘되는거 같아요...

    생활코딩님 강의 항상 감사합니다...
  3. ksg9482
    21.04.29 완료
  4. gyeong ro
    21.04.24
  5. coding_prince
    감사합니다.
  6. yogg
    변수 설정의 중요성!!!!
  7. 고맙습니다.
  8. yellowheart
    2021.04.03 수강
  9. SunShineBlue
    완료
  10. 앙냥냥
    21.03.17 봤습니당!!
  11. Asanagi
    2021. 03. 09 완료
  12. dorotga
    완료
  13. 진돌
    2021. 03. 04 완료
  14. gossie
    완료
  15. chapter5447
    완료하였습니다
  16. 남찬호
    완료했습니다.
    근데 첫 번째 강의 내용에서 5:44초 경 first = '코딩' 에 세미콜론을 생략하신건가요?
  17. 임태경
    완료했어요 감사해요
  18. 정재진
    완료
  19. 초시공애
    완료
  20. 홍주호
    21.1.2
  21. micka13
    완료!
  22. 만듀
    2020.12.30 변수란 무엇인가!
  23. 아돌
    20.12.26
  24. 든든,구름씨
    귀에 쏘~옥 ^^
  25. LEGEND
    소난다..
  26. 2020.12.07 완료
  27. BeatJungle
    2020/12/02 완료
  28. psyless
    20201130
  29. 아라오라
    2020.11.30 완료
  30. 아라오라
    2020.11.30 완료
  31. 열심히
    11/22완료
  32. 무정후
    20/11/03
  33. dalmoreeyes
    2020-11-01 완료
  34. 10/29
  35. 박병진
    2010.10.14 완료. Fancynbeautyco.CEO박병진
  36. 09/10/20 완료
  37. 코딩지니어스
    20201008 완료
  38. 20201006 완료
  39. 콜라
    20201002완료
  40. 유예인
    2020.09.25 완료
  41. 완료
  42. 한끼식사치킨크림리조또
    20200816 완료
  43. 이동현
    완료!!
  44. switpotato
    20200802완료
  45. 양수진
    완료
  46. 김준석
    20.07.14 완료!
  47. 황원빈
    7/13 완료
  48. 007bbang
    20200706 변수 완료
  49. 혀크크
    20200625 졸업가자
  50. 지니
    200615완
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기