러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

48

러닝 자바스크립트

이 코드는 자바스크립트에서 매우 중요한 측면을 잘 나타냅니다. 자바스크립트는 넘겨받은 매

개변수를 바탕으로 추론하는 능력이 있습니다. 이전에 쓴 코드처럼 숫자 세 개를 연달아 넘기

면 그 숫자들은 각각

x

와

y

좌표, 반지름입니다. 여기서처럼 매개변수 두 개를 넘기면 처음 것

은 위치 객체이고, 두 번째 것은 반지름입니다. 여기에 대해서는

6

장과

9

장에서 더 자세히 알

아보겠습니다.

1.10

Hello

,

World

브라이언 커니핸의 예제로 이 장의 마지막을 장식하도록 합시다. 어려운 부분은 이미 다 했습

니다. 이제 할 일은 텍스트를 추가하는 것뿐입니다.

onMouseDown

핸들러 앞에 다음 코드를 추

가하십시오.

var

c

=

Shape

.

Circle

(

200

,

200

,

80

);

c

.

fillColor

= '

black

';

var

text

=

new

PointText

(

200

,

200

);

text

.

justification

= '

center

';

text

.

fillColor

= '

white

';

text

.

fontSize

=

20

;

text

.

content

= '

hello

world

';

여기서 추가한 내용은 매우 단순합니다. 텍스트의 배경으로 쓸 다른 원을 하나 더 만들고, 텍

스트 객체

PointText

를 만들었습니다. 텍스트가 캔버스의 중앙에 위치하도록 하고, ...