← 수업 제작 도구
홈 › Components › Ordered List (정렬 리스트) › 화면 7

화면 7. Ordered List.itemContent [sink]

원본: Computation Layer 문서(Ordered List (정렬 리스트)) · Try It (원본 화면)

화면 번호7 / 11
문서 항목 설명 (원문)itemContentitemIndex: number Sets the content for a given item, indexed starting with 1. (This only works if the item at this index exists.)

1. 화면 캡처 (빨간 번호 = 아래 표의 번호)

화면 7 캡처

화면에 적힌 영어 문구(원문):

2. CL이 입력된 곳

코드 안의 회색 줄은 원문 영어 주석이고, 파란 줄은 그 영어 주석의 번역이며, 연분홍 줄은 코드가 하는 일의 설명이다.

번호이름종류CL 코드 원문, 번역, 설명
1graph1그래프
# Create variables for the slope's numerator denominator, the slope, and the y-intercept from the graph.
# This will make it easier to reference them later
▷ 그래프에서 기울기의 분자, 분모, 기울기, y절편의 변수를 만든다. 이렇게 해 두면 나중에 참조하기 쉽다.
n = this.number("n")
▶ 변수 n은 이 그래핑 계산기 안의 변수 n의 숫자 값(this.number("n"))으로 한다.
코드 주석에 따르면 n은 기울기의 분자이다.
d = this.number("d") ▶ 변수 d는 이 그래핑 계산기 안의 변수 d의 숫자 값으로 한다.
코드 주석에 따르면 d는 기울기의 분모이다.
m = this.number("m") ▶ 변수 m은 이 그래핑 계산기 안의 변수 m의 숫자 값으로 한다.
코드 주석에 따르면 m은 기울기이다.
b = this.number("b") ▶ 변수 b는 이 그래핑 계산기 안의 변수 b의 숫자 값으로 한다.
코드 주석에 따르면 b는 y절편이다.
# Create a variable "equation" that prints out the equation of the line ▷ 직선의 방정식을 글자로 만들어 두는 변수 "equation"을 만든다. equation = ▶ 변수 equation은 세 갈래 조건(when d = 0, when m = 0, otherwise)으로 정한다.
조건 사이의 # 줄은 주석이다. when은 조건을 차례로 확인해 처음 맞는 값을 쓴다.
# If the denominator of the slope is 0, display the equation of a vertical line ▷ 기울기의 분모가 0이면 수직선의 방정식을 나타낸다. when d = 0 "`x=${this.number("x_1")}`" ▶ d가 0일 때의 값은 백틱(`)으로 감싼 latex 글자 x=${this.number("x_1")}, 즉 "x=" 뒤에 그래프 변수 x_1의 값이 이어진 것으로 한다. # If the slope of the line is 0, display the equation of a horizontal line ▷ 직선의 기울기가 0이면 수평선의 방정식을 나타낸다. when m = 0 "`y=${this.number("y_1")}`" ▶ m이 0일 때의 값은 백틱(`)으로 감싼 latex 글자 y=${this.number("y_1")}, 즉 "y=" 뒤에 그래프 변수 y_1의 값이 이어진 것으로 한다. # In all other cases, display the equation of a line in slope intercept form, # hidint the slope when it is 1 or -1 and the y-intercept when it is 0. ▷ 그 밖의 모든 경우에는 기울기-절편 꼴의 직선 방정식을 나타내며, 기울기가 1 또는 -1일 때는 기울기를, y절편이 0일 때는 y절편을 숨긴다. otherwise "`y=${when m < 0 "-" otherwise ""}${when m = 0 "" when m = 1 "x" when d = 1 "${n}x" otherwise "\frac{${n}}{${d}}x"}${when b < 0 or m = 0 "${b}" when b = 0 "" otherwise "+${b}"}`" ▶ 그 밖의 경우의 값은 백틱(`)으로 감싼 latex 글자 하나로, "y=" 뒤에 ${ } 세 개가 차례로 이어진다.
첫 번째 ${ }는 m이 0보다 작으면 "-", 그렇지 않으면 빈 글자이다. 두 번째 ${ }는 m이 0이면 빈 글자, m이 1이면 "x", d가 1이면 "${n}x"(n 뒤에 x), 그 밖에는 "\frac{${n}}{${d}}x"(분자가 n이고 분모가 d인 분수에 x를 이은 latex 표기)이다. 세 번째 ${ }는 b가 0보다 작거나 m이 0이면 "${b}"(b의 값), b가 0이면 빈 글자, 그 밖에는 "+${b}"(+ 뒤에 b의 값)이다. ${ } 안에서 when … otherwise … 조건과 큰따옴표(")로 감싼 글자가 다시 쓰인다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이다.
#The equation of this line is correct if it is between 0.5 and 1 ▷ 이 직선의 방정식은 기울기가 0.5와 1 사이이면 정답이다. correct: m > 0.5 and m < 1 ▶ 그래프의 정답 조건(correct)은 m이 0.5보다 크고 1보다 작으면 참으로 한다.
2order1정렬 리스트
# Set the content of the item in the third place conditionally
▷ 세 번째 자리 항목의 내용을 조건에 따라 정한다.
itemContent(3):
▶ 세 번째 항목의 내용(itemContent)은 when … otherwise … 조건으로 정한다.
itemContent(번호)는 그 번호 항목의 내용을 정하며, 번호는 1부터 세고 그 번호의 항목이 있을 때만 쓸 수 있다.
# If the points overlap (i.e. no line), display "create your line" ▷ 점이 겹쳐 있으면(즉 직선이 없으면) "create your line"(직선을 만드시오)을 보여 준다. when graph1.number("x_1") = graph1.number("x_2") and graph1.number("y_1") = graph1.number("y_2") "Create your line." # Once a line is created, display the equation created in the graph. ▷ 직선이 만들어지면 그래프에서 만든 방정식을 보여 준다. otherwise graph1.script.equation ▶ 세 번째 항목의 내용은 두 점이 겹치면, 즉 graph1.number("x_1")과 graph1.number("x_2")가 같고 graph1.number("y_1")과 graph1.number("y_2")가 같으면 "Create your line."(직선을 만드시오.)으로, 그 밖에는 graph1.script.equation으로 한다.
graph1.script.equation은 다른 구성요소(graph1)의 스크립트에서 정의한 변수 equation의 값을 가져오는 표기이다. when은 조건을 차례로 확인해 처음 맞는 값을 쓴다.