[FEAT] KKUMI-40 : 로그인 페이지(0.5MD) + KKUMI-45, KKUMI-46 : 온보딩 UI (2MD)

[jung0115]

어떤 기능인가요?

로그인 화면, 온보딩(사용자 정보) UI 구현

작업 상세 내용

• [x] Compose UI로 구현
• [x] 로그인 화면 (로그인 버튼)
• [x] 카카오 로그인
  • [x] 카카오 SDK 연결
  • [x] 추가정보(이메일, 성별, 생년월일) 제공 동의 요청 ➡️ 카카오 디벨로퍼스에서 설정
  • [x] MVVM 패턴으로 ➡️ 카카오 로그인 SDK의 제약으로 인해 View에서 바로 사용할 수밖에 없다
  • 서비스 로그인 API
  • [ ] 카카오 계정으로 로그인 실물 디바이스에서 테스트 해보기
• [ ] 온보딩
  • [x] 사용자 정보 조회 API 연결
  • [ ] 카테고리 리스트 조회 API 연결
  • [x] 관심 카테고리
  • [x] 카테고리 리스트
  • [x] 카테고리 선택/해제
  • [x] 건너뛰기
  • [x] 선택 완료 후 다음 이동 버튼
  • [ ] 프로필 이미지 선택
  • [x] 카메라, 갤러리 접근 권한 요청
  • [x] 카메라, 갤러리 중 선택해서 이미지 가져오기
  • [ ] 이미지 자르기
  • [x] 미선택 시 기본 이미지
  • [ ] 이미지를 썸네일로 압축
  • [x] 이미지 Uri를 multipart/form-data로 변환
  • [x] 닉네임 입력
  • [x] 최대 길이 제한 / ~16자
  • [x] 한글, 알파벳, 숫자, ., _, - 외 입력 제한
  • [x] 최소 길이 미충족 시 경고 문구 / 3자 이상
  • [ ] 사용자 정보 입력 완료 후
  • [x] 사용자 정보 저장 API 연결
    • [ ] 선택 카테고리 저장
  • [x] 서버한테 보내기 전에 닉네임 형식, 길이 확인 최종 점검
  • [ ] 닉네임 중복 체크 + 경고 문구
  • [ ] 정상 가입 시 홈으로 이동
  • [ ] content Uri를 File로 변환하는 코드 수정
• [ ] AccessToken 만료 시 재발급

+) 닉네임 한글 입력 시, 자음 또는 모음만 입력하는 것도 가능하게 할 것인가?

참고할만한 자료(선택)

• 딥링크
  • https://brunch.co.kr/@144ce42dff304dd/14
• 카카오 디벨로퍼스 안드로이드 플랫폼 등록
  • https://ranseo.tistory.com/386
• 카카오 로그인
  • https://developers.kakao.com/docs/latest/ko/android/getting-started
  • https://developers.kakao.com/sdk/reference/android-rx/release/index.html
  • https://developers.kakao.com/docs/latest/ko/kakaologin/android
• 카카오 로그인 MVVM
  • https://jgeun97.tistory.com/350
  • https://velog.io/@thd0427/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%B9%B4%EC%B9%B4%EC%98%A4%EB%84%A4%EC%9D%B4%EB%B2%84-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%B2%98%EB%A6%AC-Feat.-ViewModel
• TextField Custom
  • https://android-devpia.tistory.com/3
  • https://altongmon.tistory.com/1029
• 이미지 자르기 Editor > Croppy 라이브러리
  • https://daldalhanstory.tistory.com/229
• 갤러리 접근
  • https://velog.io/@ghddbwns9808/Android-Kotlin-%EA%B0%A4%EB%9F%AC%EB%A6%AC-%EA%B6%8C%ED%95%9C-%EC%9A%94%EC%B2%AD-%EB%B0%8F-%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%97%90%EC%84%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0feat.-READEXTERNALSTORAGE%EB%A1%9C-%EA%B6%8C%ED%95%9C-%EC%9A%94%EC%B2%AD%EC%9D%B4-%EC%95%88%EB%90%A0-%EB%95%8C
  • https://medium.com/@joeloewi7178/android-jetpack-compose%EB%A1%9C-%EC%82%AC%EC%A7%84-%EA%B0%A4%EB%9F%AC%EB%A6%AC-%EB%A7%8C%EB%93%A4%EA%B8%B0-part-2-166616527768
  • https://developer.android.com/about/versions/14/changes/partial-photo-video-access?hl=ko#permissions
• 카메라, 갤러리 chooser intent
  • https://tmdfyd0807.tistory.com/24
  • https://velog.io/@cksgodl/Android-Content-URI%EC%99%80-File-URI%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90-File-Provider%EC%99%80-Content-URI%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%98%EC%97%AC-%EC%B9%B4%EB%A9%94%EB%9D%BC-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0#content-uri

[jung0115]

카카오 SDK 추가 정보(ex. 이메일, 성별) 수집 동의 요청

• https://developers.kakao.com/docs/latest/ko/kakaologin/android#kakaologin-sample

[jung0115]

Compose 화면 전환

https://mypark.tistory.com/entry/JETPACK-COMPOSE-%EC%98%81%ED%99%94-%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0-1-Navigation-Component-Scaffold-LazyColumn-Passing-Data-Between-Screens#google_vignette

[jung0115]

Android 13(SDK version 33) 이상부터는 사진, 동영상, 오디오 권한을 각각 요청해야 함

https://developer.android.com/about/versions/13/behavior-changes-13?hl=ko

val multiplePermissionsState = rememberMultiplePermissionsState(
    permissions = mutableListOf(
        android.Manifest.permission.CAMERA,
    ).apply {
        // sdk version 28 이하 - 사진 촬영 후 저장 권한 허용 요청
        if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.P) {
            add(android.Manifest.permission.WRITE_EXTERNAL_STORAGE)
        }
        // sdk version 32 이하 - 파일 접근 권한 허용 요청
        if(Build.VERSION.SDK_INT <= Build.VERSION_CODES.S) {
            add(android.Manifest.permission.READ_EXTERNAL_STORAGE)
        }
        // sdk version 33 이상 - 이미지 접근 권한 허용 요청
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
            add(android.Manifest.permission.READ_MEDIA_IMAGES)
        }
    }
)