Please Enable JavaScript!
Gon[ Enable JavaScript ]

안드로이드 개발 로그인 화면 간단하게 만드는 방법

안드로이드 개발
반응형

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

환경: Android Studio

 

안드로이드 스튜디오에는 로그인 화면과 체크 로직을 쉽게 구현할 수 있도록 Activity 를 제공하고 있습니다. 크게 힘들이지 않고 클릭 몇 번으로 구현이 가능합니다. 물론 화면 디자인과 아이디/패스워드 검증 로직은 따로 작성을 해야겠죠. 

 

먼저 안드로이드 스튜디오에서 제공하는 LoginActivity 를 추가해 보겠습니다. 폴더를 선택하고 오른쪽 마우스를 눌러 메뉴를 띄웁니다. New > Activity > Login Activity 를 선택합니다.

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

첫 번째 Activity 생성 화면에서 Activity Name Layout Name 을 입력하고 finish 버튼을 눌러 종료합니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 


Login Activity 를 생성하면 두 가지 파일이 자동으로 생성됩니다. Activity 와 화면을 구성하는 Layout xml 입니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

파일 외에도 AndroidManifest.xml 에 권한을 위한 permission activity 태그가 추가가 됩니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

이제 자동으로 만들어진 Activity 를 실행해 보겠습니다. 다음과 같은 화면이 나타납니다. 화면은 Email 과 패스워드 입력창 그리고 로그인 버튼으로 구성되어 있습니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

이제 소스를 보겠습니다. 먼저 버튼을 클릭하면 attemptLogin() 함수를 실행합니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

attemptLogin() 함수는 상단에 아이디로 입력한 이메일과 패스워드를 체크합니다. 여기에는 사용자가 입력한 아이디/패스워드를 정확하게 입력했는지 체크하는 로직이 들어가지 않습니다. 단지 이메일 형식에 맞춰서 입력했는지 아니면 비어 있는지 여부만 체크합니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

위에서 체크를 모두 마치고 문제가 없으면 UserLoginTask 클래스로 생성한 스레드 객체를 실행합니다. UserLoginTask 안에 사용자가 입력한 아이디/패스워드 검증 로직이 들어갑니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

UserLoginTask 클래스는 파일일 따로 분리되어 있지 않습니다. LoginActivity 안에 있습니다. AsyncTask 클래스를 상속받았기 때문에 실행은 doInBackground() 함수에서 진행합니다. 로그인 정보인 email password 값은 UserLoginTask 생성자 함수로 전달 받은 상태입니다. 아이디/패스워드를 체크하기 위한 로직은 doInBackground() 에 삽입해야 합니다

안드로이드 개발 로그인 화면 간단하게 만드는 방법

 

doInBackground() 에서 성공적으로 체크가 끝나면 onPostExecute() 함수가 실행됩니다. 이곳에서 성공 여부를 파라미터로 받습니다. 파라미터인 success 의 값에 따라 성공 여부를 체크해서 로그인 과정을 마무리 하세요

안드로이드 개발 로그인 화면 간단하게 만드는 방법

반응형
Posted by 녹두장군1
,