본문 바로가기
블록코딩/ㆍ코듈라

2. 코듈라 디자이너 화면 살펴보기

by diMik 2021. 4. 2.

코듈라 디자이너화면 살펴보기

 

 

 

코듈라 디자이너 기본화면

 

 

코듈라 화면은 크게 디자이너 화면과 블록화면으로 나뉘어요. 이번에 살펴볼 화면은 디자이너 화면이에요. 우측 상단에 보라색 동그라미에 디자이너가 선택되어있으면 디자이너 화면입니다. 디자이너 화면은 크게 3개의 섹션으로 구성되어있어요.

 

 

1. 기능모음

 

2. 폰화면

 

3. 디자인 설정화면

 

 

디자이너 화면에서 하는작업은 1번 섹션에 있는 기능들 중에서 필요한 것을 선택하여 2에 끌어다놓은 뒤 3에서 설정하는 것입니다.

 

 

예를들어 버튼이 필요하다면 1에서 버튼을 끌어다가 2에 놓고 3에서 버튼색, 버튼크기 등 디자인과 관련된 것들을 설정하는 것이죠. 클릭할 때 나타날 동작들(ex. 버튼을 누르면 배경색을 바꿔라)은 여기서 하지 않아요. 다음에 살펴볼 Blocks(블록화면)에서 하는 것입니다.

댓글