← 수업 제작 도구
홈 › Index › bounds (type)

bounds (type) (타입 bounds)

↑ Index 목록← annotationKeyTuple (type)buttonStyles (type) →

원본: Computation Layer 문서(bounds (type))

코드 안의 회색 줄은 원문 영어 주석이고, 파란 줄은 그 영어 주석의 번역이며, 연분홍 줄은 코드가 하는 일의 설명이다. 항목 설명은 번역이 아니라 해석이며 원문은 접어 둔 "원문(영어) 보기"에 있다.

그래프나 그림판의 수학적 경계를 나타낸다.

원문(영어) 보기

Represents the mathematical bounds of a graph or sketch.

만들기(Creating)

makeBounds function:makeBounds

왼쪽(left), 오른쪽(right), 아래(bottom), 위(top) 값으로 경계(bounds) 객체를 만든다. 이 경계는 축이 정사각형이 아니어서 그래프나 그림판에 적용하면 그 경계가 정확히 보이도록 늘어난다.

원문(영어) 보기

Create a bounds object given left, right, bottom, top. These bounds will have non-square axis, meaning that when applied to a graph/sketch entity, the entity will be stretched to show exactly these bounds.

# Sets four variables to numbers defined in this graph.
▷ 이 그래프에 정의된 숫자로 네 변수를 정한다.
xmin = this.number("T_{opLeftX}")
▶ 변수 xmin은 이 그래핑 계산기의 변수 T_{opLeftX}의 숫자 값(this.number("T_{opLeftX}"))으로 한다.
this.number("이름")은 이 그래핑 계산기의 변수의 숫자 값을 가져온다.
xmax = this.number("B_{ottomRightX}")
▶ 변수 xmax는 이 그래핑 계산기의 변수 B_{ottomRightX}의 숫자 값(this.number("B_{ottomRightX}"))으로 한다.
ymin = this.number("B_{ottomRightY}")
▶ 변수 ymin은 이 그래핑 계산기의 변수 B_{ottomRightY}의 숫자 값(this.number("B_{ottomRightY}"))으로 한다.
ymax = this.number("T_{opLeftY}")
▶ 변수 ymax는 이 그래핑 계산기의 변수 T_{opLeftY}의 숫자 값(this.number("T_{opLeftY}"))으로 한다.

# Defines the bounds of the graph component to be
# four Computation Layer variables.
▷ 그래프 구성요소의 경계를 네 개의 Computation Layer 변수로 정한다.
bounds: makeBounds(xmin,xmax,ymin,ymax)
▶ 그래프의 경계(bounds)는 makeBounds(xmin,xmax,ymin,ymax), 즉 왼쪽 xmin, 오른쪽 xmax, 아래 ymin, 위 ymax로 한다.
bounds는 그래프(또는 그림판)의 경계를 정하고, makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만든다.

속성(Attributes)

left type:bounds:left

경계 객체의 left 속성을 가져온다.

원문(영어) 보기

Get the left property from the bounds object

# Get and display bound properties.
▷ 경계의 속성들을 가져와 표시한다.

content:
"Here are some properties of your window.

The left bound is: ${boundsCheck.bounds.left}
The bottom bound is: ${boundsCheck.bounds.bottom}
The top bound is: ${boundsCheck.bounds.top}
The right bound is: ${boundsCheck.bounds.right}
The height of the window is: ${boundsCheck.bounds.height}
The width of the window is: ${boundsCheck.bounds.width}"
▶ 메모의 내용(content)은 "Here are some properties of your window."(창의 속성이다.) 다음에 빈 줄을 두고, "The left bound is: "(왼쪽 경계), "The bottom bound is: "(아래 경계), "The top bound is: "(위 경계), "The right bound is: "(오른쪽 경계), "The height of the window is: "(창의 높이), "The width of the window is: "(창의 너비) 뒤에 각각 boundsCheck.bounds의 left, bottom, top, right, height, width 값을 붙여 한 줄씩 나열한 글로 한다.
boundsCheck.bounds는 구성요소 boundsCheck의 경계 객체를 가져오고, .left 등은 경계 객체의 속성이다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, content는 메모에 직접 적은 글을 덮어쓴다.

bottom type:bounds:bottom

경계 객체의 bottom 속성을 가져온다.

원문(영어) 보기

Get the bottom property from the bounds object

# Get and display bound properties.
▷ 경계의 속성들을 가져와 표시한다.

content:
"Here are some properties of your window.

The left bound is: ${boundsCheck.bounds.left}
The bottom bound is: ${boundsCheck.bounds.bottom}
The top bound is: ${boundsCheck.bounds.top}
The right bound is: ${boundsCheck.bounds.right}
The height of the window is: ${boundsCheck.bounds.height}
The width of the window is: ${boundsCheck.bounds.width}"
▶ 메모의 내용(content)은 "Here are some properties of your window."(창의 속성이다.) 다음에 빈 줄을 두고, "The left bound is: "(왼쪽 경계), "The bottom bound is: "(아래 경계), "The top bound is: "(위 경계), "The right bound is: "(오른쪽 경계), "The height of the window is: "(창의 높이), "The width of the window is: "(창의 너비) 뒤에 각각 boundsCheck.bounds의 left, bottom, top, right, height, width 값을 붙여 한 줄씩 나열한 글로 한다.
boundsCheck.bounds는 구성요소 boundsCheck의 경계 객체를 가져오고, .left 등은 경계 객체의 속성이다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, content는 메모에 직접 적은 글을 덮어쓴다.

height type:bounds:height

경계 객체의 height 속성을 가져온다.

원문(영어) 보기

Get the height property from the bounds object

# Get and display bound properties.
▷ 경계의 속성들을 가져와 표시한다.

content:
"Here are some properties of your window.

The left bound is: ${boundsCheck.bounds.left}
The bottom bound is: ${boundsCheck.bounds.bottom}
The top bound is: ${boundsCheck.bounds.top}
The right bound is: ${boundsCheck.bounds.right}
The height of the window is: ${boundsCheck.bounds.height}
The width of the window is: ${boundsCheck.bounds.width}"
▶ 메모의 내용(content)은 "Here are some properties of your window."(창의 속성이다.) 다음에 빈 줄을 두고, "The left bound is: "(왼쪽 경계), "The bottom bound is: "(아래 경계), "The top bound is: "(위 경계), "The right bound is: "(오른쪽 경계), "The height of the window is: "(창의 높이), "The width of the window is: "(창의 너비) 뒤에 각각 boundsCheck.bounds의 left, bottom, top, right, height, width 값을 붙여 한 줄씩 나열한 글로 한다.
boundsCheck.bounds는 구성요소 boundsCheck의 경계 객체를 가져오고, .left 등은 경계 객체의 속성이다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, content는 메모에 직접 적은 글을 덮어쓴다.

width type:bounds:width

경계 객체의 width 속성을 가져온다.

원문(영어) 보기

Get the width property from the bounds object

# Get and display bound properties.
▷ 경계의 속성들을 가져와 표시한다.

content:
"Here are some properties of your window.

The left bound is: ${boundsCheck.bounds.left}
The bottom bound is: ${boundsCheck.bounds.bottom}
The top bound is: ${boundsCheck.bounds.top}
The right bound is: ${boundsCheck.bounds.right}
The height of the window is: ${boundsCheck.bounds.height}
The width of the window is: ${boundsCheck.bounds.width}"
▶ 메모의 내용(content)은 "Here are some properties of your window."(창의 속성이다.) 다음에 빈 줄을 두고, "The left bound is: "(왼쪽 경계), "The bottom bound is: "(아래 경계), "The top bound is: "(위 경계), "The right bound is: "(오른쪽 경계), "The height of the window is: "(창의 높이), "The width of the window is: "(창의 너비) 뒤에 각각 boundsCheck.bounds의 left, bottom, top, right, height, width 값을 붙여 한 줄씩 나열한 글로 한다.
boundsCheck.bounds는 구성요소 boundsCheck의 경계 객체를 가져오고, .left 등은 경계 객체의 속성이다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, content는 메모에 직접 적은 글을 덮어쓴다.

top type:bounds:top

경계 객체의 top 속성을 가져온다.

원문(영어) 보기

Get the top property from the bounds object

# Get and display bound properties.
▷ 경계의 속성들을 가져와 표시한다.

content:
"Here are some properties of your window.

The left bound is: ${boundsCheck.bounds.left}
The bottom bound is: ${boundsCheck.bounds.bottom}
The top bound is: ${boundsCheck.bounds.top}
The right bound is: ${boundsCheck.bounds.right}
The height of the window is: ${boundsCheck.bounds.height}
The width of the window is: ${boundsCheck.bounds.width}"
▶ 메모의 내용(content)은 "Here are some properties of your window."(창의 속성이다.) 다음에 빈 줄을 두고, "The left bound is: "(왼쪽 경계), "The bottom bound is: "(아래 경계), "The top bound is: "(위 경계), "The right bound is: "(오른쪽 경계), "The height of the window is: "(창의 높이), "The width of the window is: "(창의 너비) 뒤에 각각 boundsCheck.bounds의 left, bottom, top, right, height, width 값을 붙여 한 줄씩 나열한 글로 한다.
boundsCheck.bounds는 구성요소 boundsCheck의 경계 객체를 가져오고, .left 등은 경계 객체의 속성이다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, content는 메모에 직접 적은 글을 덮어쓴다.

right type:bounds:right

경계 객체의 right 속성을 가져온다.

원문(영어) 보기

Get the right property from the bounds object

# Get and display bound properties.
▷ 경계의 속성들을 가져와 표시한다.

content:
"Here are some properties of your window.

The left bound is: ${boundsCheck.bounds.left}
The bottom bound is: ${boundsCheck.bounds.bottom}
The top bound is: ${boundsCheck.bounds.top}
The right bound is: ${boundsCheck.bounds.right}
The height of the window is: ${boundsCheck.bounds.height}
The width of the window is: ${boundsCheck.bounds.width}"
▶ 메모의 내용(content)은 "Here are some properties of your window."(창의 속성이다.) 다음에 빈 줄을 두고, "The left bound is: "(왼쪽 경계), "The bottom bound is: "(아래 경계), "The top bound is: "(위 경계), "The right bound is: "(오른쪽 경계), "The height of the window is: "(창의 높이), "The width of the window is: "(창의 너비) 뒤에 각각 boundsCheck.bounds의 left, bottom, top, right, height, width 값을 붙여 한 줄씩 나열한 글로 한다.
boundsCheck.bounds는 구성요소 boundsCheck의 경계 객체를 가져오고, .left 등은 경계 객체의 속성이다. ${ }는 글자 안에 변수의 값을 끼워 넣는 표기이고, content는 메모에 직접 적은 글을 덮어쓴다.

stretch type:bounds:stretch

경계를 정확히 보이게 하되 가로세로 비율이 정사각형이 아니어도 되게 한다.

원문(영어) 보기

Show the bounds exactly, while allowing the aspect ratio to be non-square.

# make the bounds of the graph match the given bounds
# exactly, even though they won't necessarily be square.
▷ 그래프의 경계가 꼭 정사각형이 아니더라도 주어진 경계와 정확히 같게 만든다.
bounds: makeBounds(-10,10,-10,10).stretch()
▶ 그래프의 경계(bounds)는 makeBounds(-10,10,-10,10).stretch()로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .stretch()는 경계를 정확히 그대로 보이게 하되 가로세로 비율이 정사각형이 아니어도 되게 한다.

squareLeft type:bounds:squareLeft

경계가 정사각형 비율이 되도록 강제하되 주어진 가장자리를 유지한다.

원문(영어) 보기

Force the bounds to have a square aspect ratio, while preserving the provided edge.

# This will force the axes to be square,
# with the left edge going from -10 to 10.
▷ 축을 정사각형으로 만든다. 왼쪽 가장자리가 -10에서 10까지 가도록 한다.
bounds: makeBounds(0,10,-10,10).squareLeft()
▶ 그래프의 경계(bounds)는 makeBounds(0,10,-10,10).squareLeft()로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .squareLeft()는 경계를 정사각형 비율로 강제하되 주어진 가장자리를 유지한다.

squareRight type:bounds:squareRight

경계가 정사각형 비율이 되도록 강제하되 주어진 가장자리를 유지한다.

원문(영어) 보기

Force the bounds to have a square aspect ratio, while preserving the provided edge.

# This will force the axes to be square,
# with the right edge going from -10 to 10.
▷ 축을 정사각형으로 만든다. 오른쪽 가장자리가 -10에서 10까지 가도록 한다.
bounds: makeBounds(-10,0,-10,10).squareRight()
▶ 그래프의 경계(bounds)는 makeBounds(-10,0,-10,10).squareRight()로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .squareRight()는 경계를 정사각형 비율로 강제하되 주어진 가장자리를 유지한다.

squareCenterHorizontal type:bounds:squareCenterHorizontal

경계가 정사각형 비율이 되도록 강제하되 주어진 가장자리를 유지한다.

원문(영어) 보기

Force the bounds to have a square aspect ratio, while preserving the provided edge.

# This will force the axes to be square, with the
# y axis in the center, and going from -10 to 10.
▷ 축을 정사각형으로 만든다. y축이 가운데에 오고 -10에서 10까지 가도록 한다.
bounds: makeBounds(-10,10,-10,10).squareCenterHorizontal()
▶ 그래프의 경계(bounds)는 makeBounds(-10,10,-10,10).squareCenterHorizontal()로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .squareCenterHorizontal()은 경계를 정사각형 비율로 강제하되 주어진 가장자리를 유지한다.

squareBottom type:bounds:squareBottom

경계가 정사각형 비율이 되도록 강제하되 주어진 가장자리를 유지한다.

원문(영어) 보기

Force the bounds to have a square aspect ratio, while preserving the provided edge.

# This will force the axes to be square,
# with the bottom edge going from -10 to 10.
▷ 축을 정사각형으로 만든다. 아래쪽 가장자리가 -10에서 10까지 가도록 한다.
bounds: makeBounds(-10,10,0,10).squareBottom()
▶ 그래프의 경계(bounds)는 makeBounds(-10,10,0,10).squareBottom()으로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .squareBottom()은 경계를 정사각형 비율로 강제하되 주어진 가장자리를 유지한다.

squareTop type:bounds:squareTop

경계가 정사각형 비율이 되도록 강제하되 주어진 가장자리를 유지한다.

원문(영어) 보기

Force the bounds to have a square aspect ratio, while preserving the provided edge.

# This will force the axes to be square,
# with the top edge going from -10 to 10.
▷ 축을 정사각형으로 만든다. 위쪽 가장자리가 -10에서 10까지 가도록 한다.
bounds: makeBounds(-10,10,-10,0).squareTop()
▶ 그래프의 경계(bounds)는 makeBounds(-10,10,-10,0).squareTop()으로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .squareTop()은 경계를 정사각형 비율로 강제하되 주어진 가장자리를 유지한다.

squareCenterVertical type:bounds:squareCenterVertical

경계가 정사각형 비율이 되도록 강제하되 주어진 가장자리를 유지한다.

원문(영어) 보기

Force the bounds to have a square aspect ratio, while preserving the provided edge.

# This will force the axes to be square, with the x axis
# in the center, going from -10 to 10
▷ 축을 정사각형으로 만든다. x축이 가운데에 오고 -10에서 10까지 가도록 한다.
bounds: makeBounds(-10,10,-10,10).squareCenterVertical()
▶ 그래프의 경계(bounds)는 makeBounds(-10,10,-10,10).squareCenterVertical()로 한다.
makeBounds(left, right, bottom, top)은 왼쪽, 오른쪽, 아래, 위 값으로 경계 객체를 만들고, .squareCenterVertical()은 경계를 정사각형 비율로 강제하되 주어진 가장자리를 유지한다.
↑ Index 목록← annotationKeyTuple (type)buttonStyles (type) →