Android-Jaehoon

---

Week 1

Level 1

• 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"

Level 2

• 화면 이동

  • 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" />

Level 3

• 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
    }

---

Week 2

Level 1

• 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"
          ...
        />

---

Week 3

Level 1

• 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" />

---

Week 4

Level 1

• 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>
        }

  • 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)
        }

  • 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")
                }
            })
        }

---