var x = 5;
x
의 값은 무엇입니까?x의 값은 거기에 할당된 값이 됩니다.
x에 5가 할당되었기 때문에 그 값은 5가 될 것입니다.
* 다음 코드는, 변수를 사용하여 직사각형을 그립니다:
var rectWidth = 20;
rect(10, 10, rectWidth, rectWidth);
rect 명령의 3번째 매개변수가 사각형의 너비를 결정합니다.
각 명령어에 세 번째로 전달되는 인수는, 변수 rectWidth입니다. 따라서 가로 길이는 rectWidth에 할당된 값이 될 것입니다.
프로그램 상단에서 rectWidth 변수에 20이 할당되었습니다.
rectWidth가 20으로 할당되고 rectWidth가 3번째 인수로 전달되기 때문에 사각형의 가로길이가 20 픽셀이 될 것입니다.
* 다음 코드는 변수 w
와 h
를 정의하고, 이 두 변수를 타원과 직사각형을 그리는데 사용합니다:
var w = 20;
var h = 15;
rect(10, 10, w, h);
ellipse(10, 10, w, h);
도형의 높이는 인수 height와 같을 것입니다. rect와 ellipse 명령어 두 개 모두, 인수 height에 의해 높이가 정해집니다.
각 명령어에 4번째로 전달되는 인수는 변수 h 입니다. 따라서 각 도형의 세로 길이는 변수 h에 할당된 값이 됩니다.
프로그램 상단에서 변수 h에 15가 할당되었습니다.
h가 15로 할당되고 h가 4번째 인수로 각 명령에 전달되기 때문에 모양의 세로길이가 15 픽셀이 될 것입니다
* 다음 코드에서 우리는 xPos
와 yPos
라는 변수를 정의하고, 사각형을 그리기 위해 사용합니다:
var xPos = 10;
var yPos = 5;
rect(xPos, yPos, 10, 10);
사각형의 x 위치는 첫 번째 인수의 값으로 정해집니다.
rect 명령어에 첫 번째로 전달되는 인수는 변수 xPos이기 때문에, x 좌표는 xPos에 할당된 값이 될 것입니다.
xPos 변수에 10이 할당된 후 첫 번째 인수로 rect 명령에 전달되므로 사각형의 x 위치가 10이 될 것입니다.
* 다음 코드는 변수 하나를 만들고 세 개의 도형 - 직사각형 하나와 두개의 타원을 그립니다:
var xPos = 55;
rect(10, 20, 30, 40);
ellipse(xPos, 20, 15, 30);
ellipse(xPos, 10, 20, 30);
타원의 x 좌표는, 첫 번째 인수의 값으로 정해집니다.
ellipse 명령어에 첫 번째로 전달되는 인수는 변수 xPos이기 때문에, 타원의 x 좌표는 xPos에 할당된 값이 될 것입니다.
프로그램 상단에서 xPos 변수에 55가 할당되었습니다.
xPos가 55로 할당되고 xPos가 첫 번째 매개변수로 ellipse 명령에 전달되기 때문에 원은 x 위치가 55인 위치에 그려질 것입니다.
'개발 > 자바스크립트(javascript)' 카테고리의 다른 글
자바 스크립트, javascript 퀴즈: While문 (0) | 2018.12.03 |
---|---|
자바 스크립트 javascript 퀴즈: 변수를 포함하는 식 (0) | 2018.11.22 |
one hour of code 완료 (0) | 2015.06.04 |
http://studio.code.org/hoc/20 (0) | 2015.06.04 |
http://studio.code.org/hoc/19 (0) | 2015.06.04 |