데이터란 무엇인가

디자인만으로는 앱이 되지 않습니다. 아무리 정교하게 그려도, 탭했을 때 아무 일도 일어나지 않고 화면에 진짜 정보가 없다면 그것은 앱의 그림일 뿐입니다.

실제 앱은 무언가를 기억합니다. 할 일 목록, 사용자 설정, 인터넷에서 가져온 결과 같은 것들입니다. 이렇게 앱이 다루는 정보가 데이터(Data) 입니다. 데이터를 디자인에 바인딩하는 순간, 화면이 스스로 채워지고 데이터가 바뀌면 화면도 함께 바뀝니다. 이것이 정적인 목업과 살아 있는 앱의 경계입니다.

두 가지 개념: Schema 와 Data

데이터를 다룰 때는 두 가지를 구분하면 이해가 쉽습니다.

• Data Schema — 데이터의 모양. 어떤 필드로 이루어지는지를 정의합니다. (예: 할 일은 title 과 done 으로 이루어진다) → Data Schema
• Data — 그 모양에 들어가는 실제 값. (예: "우유 사기", 완료되지 않음)

데이터 만들기

왼쪽 패널의 Data 에서 앱이 사용할 데이터를 직접 만듭니다. 각 필드는 타입을 가집니다.

• string — 텍스트
• number — 숫자
• boolean — 참/거짓
• object — 여러 필드를 묶은 구조
• reference — 다른 Data Schema 를 참조
• enum — 미리 정한 값 중 하나 (Data Enum)
• image / color — 이미지·색상 리소스

단일 값과 배열

모든 필드는 하나의 값을 담을 수도 있고, 배열(Array) 로 여러 값을 담을 수도 있습니다. 예를 들어 "앱 이름"은 하나의 string 이면 충분하지만, "할 일 목록"은 여러 개를 담아야 하므로 배열로 만듭니다. 배열을 List 에 바인딩하면 항목 수만큼 셀이 자동으로 반복됩니다.

데이터의 범위: 프로젝트와 페이지

데이터를 만들 때는 두 가지 범위 중 하나에 둡니다.

• 프로젝트 데이터 — 프로젝트 전체 어디에서나 접근할 수 있습니다.
• 페이지 데이터 — 해당 Page 안에서만 접근할 수 있습니다. 화면을 이동할 때 받아오는 데이터 구조로도 쓰이므로 중요합니다. (Action Flow Parameters로 다른 Page 에 데이터를 넘길 수 있습니다.)