블록코딩19 앱인벤터 멀티스크린 도화지앱(multi-screen)-설계편 앱인벤터 멀티스크린 도화지 앱(multi screen)-설계편 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 이번 튜터리얼은 멀티 스크린을 활용하여 앱을 만들어 볼 예정이다. 예제는 도화지 앱을 응용해서 색상선택하는 기능을 별도의 화면으로 구성하여 스크린1과 색상선택 스크린 간의 화면 이동과 데이터값을 공유하는 기능을 확인하는 예제를 작성할 것이다. 도화지 앱과 같이 기능은 캔버스 컴포넌트 위에 손으로 스마트폰 화면을 터치하거나 드래그하면 선을 긋는 간단한 프로그램이다. 여기에 좀더 추가해서 색을 추가해서 다양한 색을 활용하여 낙서를 해보자. 도화지앱을 작성하지 않았다면 아래 글을.. 2022. 10. 15. 앱인벤터 도화지 앱 앱인벤터 도화지 앱 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 이번 튜터리얼은 도화지 앱이다. 캔버스 위에 낙서하는 앱을 만들어보자. 이번에는 캔버스 컴포넌트에 낙서하는 앱이다. 기본 개념은 다음과 같다. 캔버스 컴포넌트 위에 손으로 스마트폰 화면을 터치하거나 드래그하면 선을 긋는 간단한 프로그램이다. 여기에 좀더 추가해서 색을 추가해서 다양한 색을 활용하여 낙서를 해보자. 자, 이제 시작해보자... . 도화지 기본 설계 캔버스 컴포넌트를 활용한다. 캔버스 컴포넌트에서 제공하는 드래그 이벤트, 터치 이벤트를 활용하여 캔버스 위에 선을 그려보자. 색을 설정하기 위해 이전에 색 설.. 2022. 10. 5. 앱인벤터 헬로우 코디(Hello Codi) 앱인벤터 헬로우 코디 블록(Hello Codi) 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 블록코딩이 처음이면 튜터리얼을 하나씩 따라하면서 코딩하기를 추천한다. 자, 이제 시작해보자... 이제 컴퓨터와 장치를 설정하고 디자이너와 블록 편집기의 작동 방식을 배웠으므로 HelloCodi 앱을 만들 준비가 되었다. 이때 브라우저에서 Designer 또는 Blocks Editor를 열고 빌드하는 동안 테스트를 위해 Android 장치 또는 에뮬레이터를 연결해야 한다. 프로젝트 메뉴에서 새 프로젝트 시작을 선택하고 이름을 HelloCodi로 지정한다. 앱인벤터 환경설정 등은 아래 글을 .. 2022. 9. 30. 앱인벤터 공통블록-색상 블록 앱인벤터 공통블록-색상 블록 앱인벤터의 코딩블록에 대해 살펴보고자 한다. 그중에 공통블록에서 제공하는 블록중 색상 블록에 대해 살펴보고자 한다. 색상블록은 화면 디자인에 색상을 지정할 때 주로 사용하는 블록들이다. 색상 블록은 대략 70여 개의 색상을 제공한다. 이 외에도 색상만들기를 통해 더 많은 색을 만들 수 있다. 색상 블록 . 색상 블록 기본 색상 블록이다. 작은 정사각형 모양을 하고 있으며 가운데에는 이 블록 안에 내부적으로 저장된 색상을 나타내는 색상이 있다. 가운데 색상을 클릭하면 선택할 수 있는 70가지 색상의 표가 화면에 뜬다. 새 색을 클릭하면 기본 색 블록의 현재 색상이 변경된다. . 색상 만들기 블록 3개 또는 4개의 숫자의 리스트에서 색을 취한다. 이 목록의 이 숫자들은 RGB 코.. 2022. 9. 27. 이전 1 2 3 4 5 다음
