-
SignInActivity
-
'로그인 버튼' 클릭 시 모든 EditText가 입력되어 있는 지 확인
if(!binding.etId.text.toString().isEmpty() && !binding.etPw.text.toString().isEmpty()) { //... }
-
비밀번호 EditText inputType 속성
android:inputType="textPassword"
-
모든 입력이 되었을 때 로그인 버튼 클릭 시 HomeActivity로 이동
val intent = Intent(this, HomeActivity::class.java) startActivity(intent)
-
회원가입 버튼 클릭 시 SignUpActivity로 이동
val intent = Intent(this, SignUpActivity::class.java) activityResultLauncher.launch(intent)
-
-
SignUpActivity
-
'회원가입 완료' 버튼 클릭 시 모든 EditText가 입력되어 있는 지 확인
if(!etName.text.toString().isEmpty() && !etId.text.toString().isEmpty() && !etPw.text.toString().isEmpty()) { //... }
-
비밀번호 EditText inputType 속성
android:inputType="textPassword"
-
-
화면 이동
-
SignUpActivity
binding.apply { btnSignUp.setOnClickListener { if(!etName.text.toString().isEmpty() && !etId.text.toString().isEmpty() && !etPw.text.toString().isEmpty()) { intent.putExtra("id", etId.text.toString()) intent.putExtra("pw", etPw.text.toString()) setResult(RESULT_OK, intent) finish() } else { Toast.makeText(this@SignUpActivity, "입력되지 않은 정보가 있습니다", Toast.LENGTH_SHORT).show() } } }
-
SignInActivity
class SignInActivity : AppCompatActivity() { private lateinit var binding : ActivitySignInBinding private lateinit var activityResultLauncher : ActivityResultLauncher<Intent> override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = ActivitySignInBinding.inflate(layoutInflater) setContentView(binding.root) activityResultLauncher = registerForActivityResult(ActivityResultContracts.StartActivityForResult()) { if(it.resultCode == RESULT_OK) { binding.etId.setText(it.data?.getStringExtra("id")) binding.etPw.setText(it.data?.getStringExtra("pw")) } } //... binding.btnSignUp.setOnClickListener { val intent = Intent(this, SignUpActivity::class.java) activityResultLauncher.launch(intent) } } }
-
-
인텐트
-
명시적 인텐트
- 인텐트에 클래스 객체나 컴포넌트 이름을 지정하여 호출할 대상을 확실히 알 수 있는 경우
- 주로 앱 내부에서 사용
- 특정 컴포넌트나 액티비티가 명확하게 실행되어야할 경우
-
암시적 인텐트
- 인텐트의 액션과 데이터를 지정하긴 했지만, 호출할 대상이 달라질 수 있는 경우
- 안드로이드 시스템이 인텐트를 이용해 요청한 정보를 처리할 수 있는 적절한 컴포넌트를 찾아 사용자에게 그 대상과 처리 결과를 보여줌
- 해당 기능들을 지원하는 앱들이 있는 경우에 암시적 인텐트를 사용해서 그 앱들을 사용
-
-
HomeActivity 화면 레이아웃 수정
-
nestedScrollView 사용
<androidx.core.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> //... </androidx.constraintlayout.widget.ConstraintLayout> </androidx.core.widget.NestedScrollView>
-
constraintDimensionRatio 속성 사용
- height를 0dp로 설정하고 layout_constraintDimensionRatio에 1을 넣어서 width와 height를 1:1비율로 조정
<ImageView android:id="@+id/iv_profile" android:layout_width="200dp" android:layout_height="0dp" //... app:layout_constraintDimensionRatio="1" />
-
-
ViewBinding & DataBinding
-
ViewBinding과 DataBinding의 관계
-
공통점
- findViewById에 비해 상대적으로 간단하며 퍼포먼스 효율이 좋고 용량 절약 가능
- 뷰의 직접 참조를 생성하므로 유효하지 않은 뷰 ID로 인한 NPE로부터 안전
-
ViewBinding의 장점
- 빠른 컴파일 속도와 따로 xml 파일에 태그가 필요하지 않고 자동으로 적용되므로 사용 편리
-
DataBinding의 장점
- 데이터와 뷰를 연결하는 작업을 레이아웃에서 처리 가능
- 동적 UI 콘텐츠 선언 및 양방향 데이터 결합 지원
-
-
코틀린에선 setOnClickListener를 람다식으로 간결하게 표현할 수 있는 이유
- 코틀린이 함수형 프로그래밍이 가능하기 때문
함수형 프로그래밍에서는 함수를 값처럼 다루는 접근 방식을 택함으로써, 기존처럼 클래스를 선언하고 그 클래스의 인스턴스를 함수에 넘기는 대신, 함수를 직접 다른 함수에 전달할 수 있음.자바
button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //TODO } });
코틀린
button.setOnClickListener { //TODO }
-
HomeActivity.kt
-
각 Fragment로 이동하는 Button과 FragmentContainerView 추가
<Button android:id="@+id/btn_follower_list" ... /> <Button android:id="@+id/btn_repository_list" ... /> <androidx.fragment.app.FragmentContainerView android:id="@+id/fc_home_list" ... />
-
각 버튼을 클릭 시 Fragment 이동
private fun initBtn() { binding.btnGit.setOnClickListener { val intent = Intent(Intent.ACTION_VIEW, Uri.parse("https://github.com/jaehoon-jo")) startActivity(intent) } binding.btnFollowerList.setOnClickListener { transFragment(FOLLOWER_BTN) } binding.btnRepositoryList.setOnClickListener { transFragment(REPOSITORY_BTN) } } private fun transFragment(btn : Int) { val transaction = supportFragmentManager.beginTransaction() when(btn) { FOLLOWER_BTN -> { val followerFragment = FollowerFragment() transaction.replace(R.id.fc_home_list, followerFragment).commit() } REPOSITORY_BTN -> { val repositoryFragment = RepositoryFragment() transaction.replace(R.id.fc_home_list, repositoryFragment).commit() } } }
-
-
FollowerFragment, FollowerAdapter, Follower 생성
-
FollowerFragment에 리사이클러뷰 생성
<androidx.recyclerview.widget.RecyclerView android:id="@+id/rv_follower" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" ... />
-
-
RepositoryFragment, RepositoryAdapter, Repository 생성
-
RepositoryFragment에 리사이클러뷰 생성, GridLayoutManager
<androidx.recyclerview.widget.RecyclerView android:id="@+id/rv_repository" app:layoutManager="androidx.recyclerview.widget.GridLayoutManager" ... />
-
-
SignInActivity.kt & SignUpActivity.kt
-
selector를 사용하여 EditText가 focus 여부에 따라 다른 디자인 출력
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:drawable="@drawable/edit_text_selected"/> <item android:state_focused="false" android:drawable="@drawable/edit_text_unselected"/> </selector>
-
로그인, 회원가입 버튼에 shape를 통해 round 속성 추가
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:tint="@color/sopt_pink2"> <corners android:radius="5dp"/> </shape>
-
-
ProfileFragment.kt
-
Button에 selector 활용
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true" android:drawable="@drawable/shape_profile_btn_selected" /> <item android:state_checked="false" android:drawable="@drawable/shape_profile_btn_unselected" /> </selector>
-
이미지 Glide의 CircleCrop기능 활용
Glide.with(this) .load("https://www.riotgames.com/darkroom/2880/656220f9ab667529111a78aae0e6ab9f:d1a7c6d0384f2edf9672d9369a8e9083/01-logo.png") .circleCrop() .into(binding.ivProfile)
-
-
HomeFragment.kt
-
TabLayout + ViewPager2 추가
<com.google.android.material.tabs.TabLayout android:id="@+id/tl_home_fragment" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorHeight="3dp" app:tabIndicatorColor="@color/sopt_pink2" app:layout_constraintBottom_toTopOf="@+id/vp_home_fragment" /> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/vp_home_fragment" android:layout_width="match_parent" android:layout_height="338dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" />
-
-
POSTMAN 테스트 - 회원가입 완료 & 로그인 완료
-
회원가입
-
로그인
-
-
retrofit
-
retrofit interface
- LoginService.kt
interface LoginService { @Headers("Content-Type:application/json") @POST("user/login") fun postLogin( @Body body: RequestLoginData ) : Call<ResponseLoginData> @Headers("Content-Type:application/json") @POST("user/signup") fun postSignUp( @Body body: RequestSignUpData ) : Call<ResponseSignUpData> }
- LoginService.kt
-
retrofit 구현체
- ServiceCreator.kt
object ServiceCreator { private const val BASE_URL = "https://asia-northeast3-we-sopt-29.cloudfunctions.net/api/" private val retrofit: Retrofit = Retrofit .Builder() .baseUrl(BASE_URL) .addConverterFactory(GsonConverterFactory.create()) .build() val loginService : LoginService = retrofit.create(LoginService::class.java) val signUpService : LoginService = retrofit.create(LoginService::class.java) }
- ServiceCreator.kt
-
Request/Response 객체
-
SignInActivity.kt
private fun initNetwork(){ val requestLoginData = RequestLoginData( email = binding.etId.text.toString(), password = binding.etPw.text.toString() ) val call: Call<ResponseLoginData> = ServiceCreator.loginService.postLogin(requestLoginData) call.enqueue(object : Callback<ResponseLoginData> { override fun onResponse( call: Call<ResponseLoginData>, response: Response<ResponseLoginData> ) { if(response.isSuccessful){ val data=response.body()?.data Toast.makeText(this@SignInActivity,"${data?.name}님 반갑습니다!", Toast.LENGTH_SHORT).show() startActivity(Intent(this@SignInActivity, HomeActivity::class.java)) }else{ Toast.makeText(this@SignInActivity,"로그인에 실패하셨습니다", Toast.LENGTH_SHORT).show() } } override fun onFailure(call: Call<ResponseLoginData>, t: Throwable) { Log.e("NetworkTest","error:$t") } }) }
-
SignUpActivity.kt
private fun initNetwork(){ val requestSignUpData = RequestSignUpData( email = binding.etId.text.toString(), name = binding.etName.text.toString(), password=binding.etPw.text.toString() ) val call: Call<ResponseSignUpData> = ServiceCreator.signUpService.postSignUp(requestSignUpData) call.enqueue(object : Callback<ResponseSignUpData> { override fun onResponse( call: Call<ResponseSignUpData>, response: Response<ResponseSignUpData> ) { if(response.isSuccessful){ val data=response.body()?.data Toast.makeText(this@SignUpActivity,"${data?.name}님 회원가입 완료", Toast.LENGTH_SHORT).show() val intent = Intent(this@SignUpActivity, SignInActivity::class.java) intent .putExtra("id", binding.etId.text.toString()) .putExtra("pw", binding.etPw.text.toString()) setResult(RESULT_OK, intent) finish() }else{ Toast.makeText(this@SignUpActivity,"회원가입 실패", Toast.LENGTH_SHORT).show() } } override fun onFailure(call: Call<ResponseSignUpData>, t: Throwable) { Log.e("NetworkTest","error:$t") } }) }
-
-