화면을 아래로 스크롤한 캡처이다. 빨간 번호 3은 위 캡처에서 보이지 않던 구성요소이다.
코드 안의 회색 줄은 원문 영어 주석이고, 파란 줄은 그 영어 주석의 번역이며, 연분홍 줄은 코드가 하는 일의 설명이다.
| 번호 | 이름 | 종류 | CL 코드 원문, 번역, 설명 |
|---|
| 1 | 레이블 없는 그래프 | 그래프 | # Creates a list in the graph using the values captured by the button.
▷ 버튼으로 기록한 값들로 그래프에 배열(List)을 만든다.
numberList(`W`): button.history("width")
▶ 그래프의 숫자배열(numberList) W는 버튼을 누를 때마다 "width"라는 이름으로 기록된 값들의 기록 전체(button.history("width"))로 한다.
numberList("이름")은 그래핑 계산기의 변수를 주어진 숫자배열의 내용으로 정한다. 변수 이름 `W`는 백틱으로 감싸 적었으며, 백틱으로 감싼 글자는 latex 값이다. button.history("width")는 capture로 "width"라는 이름에 기록한 값들의 기록 전체를 가져온다.
numberList(`H`): button.history("height")
▶ 그래프의 숫자배열 H는 "height"라는 이름으로 기록된 값들의 기록 전체(button.history("height"))로 한다.
# Brings in the numeric values of the width and height cells in the table.
▷ 표의 너비 셀과 높이 셀에 있는 숫자 값을 가져온다.
number(`w`): table.cellNumericValue(1,1)
▶ 그래프의 변수 w는 표 table의 1행 1열 셀(너비)의 숫자 값(table.cellNumericValue(1,1))으로 한다.
number("이름")은 그래핑 계산기 안의 변수 값을 정하고, cellNumericValue(행, 열)은 그 셀을 계산한 숫자 값을 가져온다. 학생이 "2 + 2"를 입력하면 4를 돌려준다. 변수 이름 `w`는 백틱으로 감싸 적었다.
number(`h`): table.cellNumericValue(1,2)
▶ 그래프의 변수 h는 표 table의 1행 2열 셀(높이)의 숫자 값(table.cellNumericValue(1,2))으로 한다.
|
| 2 | table | 표 | # Resets and clears the editable cells each time
# the button is pressed.
▷ 버튼을 누를 때마다 편집 가능한 셀을 재설정하고 지운다.
resetOnChange: "${button.pressCount}"
▶ 표의 변경 시 자동 재설정(resetOnChange)은 버튼이 눌린 횟수가 들어간 글자 "${button.pressCount}"로 한다.
resetOnChange는 글자 값을 받아 그 값이 바뀌면 구성요소를 재설정한다. pressCount는 행동 버튼이 눌린 횟수를 알려 주고, ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이다.
|
| 3 | button | 행동 버튼 | # Disables the button if a numeric value is not entered in both of the table cells.
▷ 표의 두 셀에 숫자 값이 모두 입력되지 않으면 버튼을 비활성화한다.
disabled: isUndefined(table.cellNumericValue(1,1)) or isUndefined(table.cellNumericValue(1,2))
▶ 행동 버튼의 비활성화 조건(disabled)은 표 table의 1행 1열 셀의 숫자 값이 정의되지 않았거나 1행 2열 셀의 숫자 값이 정의되지 않았을 때 참이 되는 조건(isUndefined(table.cellNumericValue(1,1)) or isUndefined(table.cellNumericValue(1,2)))으로 한다.
disabled는 참이면 버튼을 회색으로 만들고 누를 수 없게 한다. isUndefined(…)는 값이 정의되지 않았는지를 참/거짓으로 돌려주고, or는 둘 중 하나라도 참이면 참이다. 두 셀 중 하나라도 숫자 값이 없으면 버튼이 비활성화된다.
# Captures the width and height entered in the table and stores them in a list.
▷ 표에 입력된 너비와 높이를 기록해 배열에 저장한다.
capture("width"): table.cellNumericValue(1,1)
▶ "width"라는 이름으로 기록할 값(capture)은 표 table의 1행 1열 셀의 숫자 값(table.cellNumericValue(1,1))으로 한다.
capture("이름")은 행동 버튼을 누를 때마다 기록해 둘 변수를 정하고, 기록은 나중에 history로 가져온다. cellNumericValue(행, 열)은 그 셀을 계산한 숫자 값을 가져온다. 학생이 "2 + 2"를 입력하면 4를 돌려준다.
capture("height"): table.cellNumericValue(1,2)
▶ "height"라는 이름으로 기록할 값(capture)은 표 table의 1행 2열 셀의 숫자 값(table.cellNumericValue(1,2))으로 한다.
|
