앱인벤터45 앱인벤터2(App Inventor2) 핸드폰 연결하기 안녕하세요. 이지이지입니다. 얼마 전 앱인벤터에 기쁜 소식이 있었는데요... 예전에는 라이브테스팅이 안드로이드 폰에서만 가능했는데, 이젠 아이폰에서도 가능하게 되었습니다. 하지만 여전히 안드로이드로만 앱 빌드가 가능하고, 아이폰은 불가능합니다. 저 같은 초보 개발자(?)에게는 안드로이드와 아이폰 둘 모두 개발하는 것이 너무 어려운 일인데요... MIT에서 하는 일이니 언젠가 아이폰 용으로도 빌드가 가능한 날이 올 것이라 믿습니다. (앱 인벤터에서도 노력하는 중이라고 밝히고 있습니다.) Anyway~ 이번 포스팅에서는 앱인벤터에서 라이브테스팅을 위해 앱인벤터와 핸드폰을 연결하는 방법에 대해 알아보도록 하겠습니다. 3가지 방법이 있습니다. 가장 널리 쓰이고 편한 순으로 설명 드리겠습니다. Wifi로 연결하기.. 2021. 5. 16. 앱인벤터 회원가입 및 로그인 만들기(feat. 이메일 인증, 파이어베이스 DB) #3 안녕하세요. 이지이지입니다. 이번 포스팅은 앱인벤터에서 회원가입 및 로그인 만들기 마지막 시간으로 블록코딩을 해보도록 하겠습니다. 먼저 소스파일을 첨부해드리니, 참고하면서 포스팅을 읽기 바랍니다. 회원가입 블록코딩 다음 이미지는 회원가입 화면에 대한 전체적인 블록코딩입니다. 이제 한 덩어리씩 한 줄 한 줄 차례대로 살펴보도록 하겠습니다. 1. [btn_Double] 버튼을 클릭했을 때, 2. 만약 txt_Email에 입력된 값이 공백이라면 3. 이메일을 입력하지 않았다라는 Notifier1을 띄워라. 은 한 줄 띄우라는 코드입니다. 4. 만약 txt_Email에 입력된 값이 공백이 아니라면 Web_Double 컴포넌트의 Url주소를 우측의 Join으로 연결된 텍스트 값으로 하라. 텍스트박스 윗부분에는 다.. 2021. 5. 7. 앱인벤터 회원가입 및 로그인 만들기(feat. 이메일 인증, 파이어베이스 DB) #2 안녕하세요. 이지이지입니다. 앱인벤터 회원가입 및 로그인 만들기 두 번째 시간으로 화면 구성을 해보도록 하겠습니다. ※ 참고: 화면의 크기 관계로 모든 컴포넌트(component)의 이름을 이미지에 표시하진 못했으니, 자세한 사항은 첨부해드리는 소스를 참고하도록 하세요. 회원가입 화면 구성 ※ 컴포넌트 속성은 중요 속성만 표기하였습니다. 사소한 사항은 위의 소스를 참고하도록 하세요. 컴포넌트 이름 컴포넌트 주요 속성 컴포넌트 설명 Screen1 ♤ AlignHorizontal: center: 3 현재 보이는 화면의 이름입니다. 속성값을 center로하면 가운데 정렬이 됩니다. - hor_TopMargin ♤ Height: 4 percent 상단에 여백을 주기 위한 컴포넌트입니다. 여백의 크기는 원하는 대.. 2021. 5. 6. 앱인벤터 회원가입 및 로그인 만들기(feat. 이메일 인증, 파이어베이스DB) #1 안녕하세요. 이지이지입니다. 이번 포스팅에서는 앱인벤터2(App Inventor2)에서 회원가입 및 로그인 기능을 만들어 볼텐데요. 여러 사이트들에서 볼 수 있는 이메일인증 기능과 파이어베이스(firebase) DB를 이용해 회원정보를 기록할 수 있도록 하겠습니다. 먼저 왜 파이어베이스DB를 사용하는지 설명드리겠습니다. 앱인벤터 2에서는 기본적으로 TinyDB와 TinyWebDB를 제공해 주는데요. TinyDB와 TinyWebDB는 회원가입과 회원정보를 보관하는데 다음과 같은 한계점이 있습니다. ● TinyDB: 사용자 개인의 휴대폰에 데이터가 저장됨 → 운영자 입장에서는 사용자 개인의 정보를 볼 수 없으므로 회원가입이 무의미함. ● TinyWebDB: 앱인벤터에서 제공하는 테스트 서비스로써 데이터베이스.. 2021. 5. 3. 앱인벤터 원하는 폰트(글꼴)로 변경(추가)하기 안녕하세요. 이지이지입니다. 이번 시간에는 앱인벤터2에서 사용자가 원하는 폰트로 변경하는 방법에 대해 알아보도록 하겠습니다. 앱인벤터2에서는 다음 화면과 같은 네 가지 기본 폰트가 제공되며, 사용자가 마음대로 추가할 수는 없습니다. 하지만 앱인벤터에서도 확장기능(Extension)을 추가하여 사용자가 원하는 폰트를 사용할 수 있습니다. 몇 단계만 거치면 아주 쉽게 적용가능하니 다음 단계를 잘 따라와보세요. MyFonts 확장기능(Extension) 추가하기 1. 다음 아래의 MyFonts 확장 프로그램을 다운로드합니다. ============================================================================ Update 2022. 2. 26. : Andro.. 2021. 5. 2. 이전 1 ··· 6 7 8 9 다음
