3. 블록 코딩: 로직 구축 및 이벤트 처리
블록 탭은 앱이 살아 움직이는 곳입니다. 시각적 코드 블록을 사용하여 사용자 입력 및 기타 이벤트에 대한 앱의 동작 방식을 정의합니다.
3.1. 이벤트 블록 이해
모든 대화형 컴포넌트에는 특정 상황(예: 버튼 클릭, 텍스트 입력 변경)이 발생할 때 트리거되는 이벤트 블록이 있습니다. 이에 액세스하려면:
- 블록 탭으로 이동합니다.
- 왼쪽 패널에서 컴포넌트를 선택합니다 (예:
Button1). - 이벤트 블록 (예:
Button1 클릭 시)을 캔버스로 드래그합니다.
이 이벤트 블록은 로직의 시작점 역할을 합니다.
3.2. 동작 블록 및 제어 흐름 추가
이벤트 블록 내에서 작업을 수행하는 동작 블록을 추가합니다. 이들은 컴포넌트 카테고리 또는 내장 블록에서 찾을 수 있습니다.
- 속성 설정 블록: 컴포넌트의 속성을 변경합니다 (예:
Label1의 텍스트를 "안녕하세요"로 설정). - 제어 블록: 조건부 로직 (
만약-아니면) 또는 반복 (각 항목에 대해)용. - 수학 블록: 계산용.
- 텍스트 블록: 문자열 조작용.
- 변수: 앱 내에서 데이터를 저장하고 검색하는 용도.
예시: 버튼 클릭 시 레이블 텍스트 변경
when Button1 Click do
set Label1's Text to "버튼이 클릭되었습니다!"
3.3. 화면 간 이동
다중 화면 앱을 만들려면 "제어" 카테고리 아래에 있는 화면 전환 블록을 사용합니다. 예를 들어, 버튼 클릭 시 Screen2로 이동하려면:
when Button2 Click do
navigate to Screen2
화면 전환 전에 변수를 사용하여 화면 간에 데이터를 전달할 수도 있습니다.