앱인벤터 로그인3 앱인벤터 회원가입 및 로그인 만들기(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. 이전 1 다음
