이제까지 변수에 대해 다룬 것을 살펴보도록 하겠습니다.
변수(variable)는 값을 저장 하는 방법입니다. 변수를 사용하려면 프로그램이 변수의 존재에 대해 알기위해 변수를 선언하고 변수에 무슨 값을 저장했는지 프로그램이 알 수 있도록 하기 위해 지정해야 합니다.
다음은 "xPos"라는 이름의 변수를 선언하는 방법입니다.
var xPos;
이제 xPos가 10이라는 값을 가지도록 지정할 수 있습니다.
xPos = 10;
만약 원한다면 하나의 명령으로 변수를 선언하고 동시에 지정할 수 있습니다. 흔히 사용하는 방법입니다!
var xPos = 10;
만약 나중에 변수의 값을 변경하고 싶다면 재지정 하는것도 가능합니다.
var xPos = 10;
// 시간이 지난 후 ...
xPos = 20;
곧 그림에 애니메이션 효과를 적용하고 싶을 때 재지정하는 것이 왜 유용한지 알게 됩니다.
변수의 이름을 어떻게 선택할까요? 변수에 대해 JavaScript에서는 다음의 규칙을 따릅니다.
  • 변수 이름은 문자열이나 기호 $과 _로 시작할 수 있습니다. 이름에는 오직 문자열, 숫자, 기호 $과 _ 만 있어야 합니다. 숫자로 시작할 수는 없습니다. "myVariable", "leaf_1", "$money3" 들은 유효한 변수 이름입니다.
  • 변수 이름은 대소문자를 구별하여 써야됩니다. 즉, "xPos" 와 "xpos" 는 다르며 일관성있게 사용하여야 합니다.
  • variable 이름은 기존의 variable 이름과 동일할 수 없고 ProcessingJS 프로그래밍 환경에는 매우 많은 variable이 있습니다. "읽기 전용!(Read only!)"라는 오류를 보면 변수 이름을 변경해야 합니다.
  • 변수 이름은 명확하고 의미가 있어야 합니다. 예를 들어, "ts" 보다는 "toothSize"가 좋습니다.
  • 다양한 용어에 대한 변수 이름은 낙타 대문자(camel case) 규칙을 따릅니다. 예를 들어, "toothsize"나 "tooth_size" 보다는 "toothSize"가 올바릅니다.
다음 수업에서 애니메이션을 배울 때 변수를 많이 사용할 것입니다. 이해가 안 되는 부분이 있으면 여기서 질문 하세요.
로딩 중