[WIL] 2024년 5월 둘째주 (심화 강의 수강, 개인 과제 구현중, 스톱워치, 뮤직플레이어, QR리더기)

 

 

 

 

📅 24년 5월 6일 ~ 5월 12일
	월요일	화요일	수요일	목요일	금요일 및 주말
심화 강의 수강	■ Shared   Preference ■ Room ■ 사용자위치 ■ 구글지도앱 ■ Retrofit ■ 개발프로세스 ■ 디버깅			□ 미세먼지앱	□ 미세먼지앱
개인 과제			■ 개인 과제 시작	■ 개인 과제 구현	■ 개인 과제 제출 □ 개인 과제 완료
Fragment 이해 - 데이터 전달 - 화면 이동				□ 화면 이동	□ 데이터 전달
알고리즘				■ 알고리즘
숙련 주차 팀프로젝트 코드 분석					□ 코드 분석
스탠다드반			□ 7주차 강의 복습 □ MVVM과제 복습	□ 8주차 강의	탈주 → 베이직 이동
베이직반 강의 들어보기
Joyce 서적 독학		■ 151 ~ 217p    (뷰, 레이아웃)	■ 스톱워치	■  뮤직 플레이어	■  QR 리더기
기타 사항					□ 정창경 정리
심화 목표
- KIA 개념 훑기  - Android Developer 읽기  - 개인프로젝트 UI 구현  - 저번 프로젝트 코드 뜯어보기  - 링크 수강  - 캠프 공식 교육이 끝나고 나면, 챌린지/스탠다드 차례로 수강하기

 

 

 

 

---

 

 

1. 안드로이드 심화 강의 수강 완료 및 정리

[Android 기초] 15. SharedPreferences

[Android 기초] 16. Room (데이터베이스)

[Android 기초] 17. 사용자 위치 얻기

• 강의 수강은 다 했으나, 블로그에 내용 정리는 덜 했다. 과제를 다 수행한 뒤에 추가 내용을 정리할 생각이다.

 

 

 

---

 

 

2. Joyce 안드로이드 서적 독학 및 프로젝트 실습

 

1~4. 이전에 공부했던 내용 : 이전 TIL에 정리

[Android TIL] 240415 (Joyce 서적 공부, 스탠다드반 4주차 과제 UI 구현, 베이직 및 스탠다드반 3·4주차

 

5. 화면 구성하기 : 뷰(위젯)

• 다 아는 내용이라 다시 훑는 차원에서 읽었다.
• DPI(Dot per Inch) = 1인치 당 들어가는 픽셀 개수. DPI가 높을 수록 해상도가 높음
• 패딩(Padding) : 내용(콘텐츠)과 외곽 사이의 여백
  마진(margin) : 뷰와 뷰 사이의 여백
• scaleType : fitCenter, fitXY, center, centerCrop
• edittext의 인풋타입을 textPassword로 표기하면 가림 표기

 

6. 화면 구성하기 : 뷰(뷰 그룹)

• 역시 다 아는 내용이었다.
• Linear layout: orientation 설정, 독립적으로 위치 지정 (layout_gravity), 비중 지정 (layout_weight, weightsum)
• Relative layout: 부모 레이아웃 혹은 다른 뷰를 기준으로 상대 위치 지정
• Constraint layout: 0dp로 설정하는 것 = match_constraint (제약에 뷰 크기를 맞추는 것)
  반응형 UI를 만들기 위해 Guideline을 유용하게 사용

 

7. 스톱워치 프로젝트

'Thread'를 복습하기 위한 간단한 스톱워치 프로젝트를 제작했다. 

[Android] 간단한 스톱워치 앱 만들기 : 쓰레드

 

8. 뮤직 플레이어 프로젝트

백그라운드에서 앱이 동작하기 위한 'Service'를 이해하기 위해 간단한 뮤직 플레이어를 제작했다.
또한 오디오 재생을 위해 MediaPlayer API를 이용한다.

[Android] 간단한 뮤직 플레이어 앱 만들기 : Service, MediaPlayer API

 

9. QR 코드 리더기 프로젝트

안드로이드 JetPack 중 CameraX 라이브러리와, 구글 ML 키트를 사용해보기 위해 QR코드 리더기를 만들어 보았다. 

[Android] 간단한 QR 코드 리더기 만들기 : JetPack, CameraX, Google ML kit

 

이제 Room과 리사이클러뷰를 이용한 Todolist 프로젝트,
Retrofit, JSON, Google Map API, Firebase를 이용한 미세먼지 프로젝트까지 하면 서적 독학이 끝난다.

 

 

 

---

 

 

3. 프로그래머스 알고리즘 (시저암호)

[Kotlin] 시저 암호 (프로그래머스 알고리즘)

• 시저 암호에서 중요한 것은 내가 처음 구상했던 것처럼 단순히 아스키 코드값에서 n값(거리)를 더하지 않는 것이다. 그렇게 구성하면 알파벳의 범위를 벗어나서 이상한 값이 출력될 경우의 수가 있기 때문이다.
• 따라서 26('Z' - 'A' + 1 값)을 이용해서 알파벳을 벗어날 수 없도록 만드는 것이 중요하다.

 

 

 

---

 

 

4. 카카오 이미지 검색 API 이용 과제 구현

 

(1) Bottom navigation 추가

https://velog.io/@dabin/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9CButton-Navigation

[안드로이드]Bottom Navigation

<android.support.design.widget.BottomNavigationView // 작동하지 않음

<com.google.android.material.bottomnavigation.BottomNavigationView // 으로 교체

• 참고로 가이드에선 xml파일을 라고 작성하라는데, 실제론 빨간색이 떠서 위와 같이 수정해줘야 작동했다.

 

package com.limheejin.kakaoimagesearch

..

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        replaceFragment(ImageSearchFragment())
        setupBottomNavigation()

    }

    private fun setupBottomNavigation() {
        binding.bottomNavigation.setOnItemSelectedListener { item ->
            when (item.itemId) {
                R.id.action_search -> {
                    replaceFragment(ImageSearchFragment())
                    return@setOnItemSelectedListener true
                }
                R.id.action_storage -> {
                    replaceFragment(MyStorageFragment())
                    return@setOnItemSelectedListener true
                }
                else -> return@setOnItemSelectedListener false
            }
        }
    }

    private fun replaceFragment(fragment: Fragment) {
        val fragmentTransaction = supportFragmentManager.beginTransaction()
        fragmentTransaction.replace(binding.fragmentContainerView.id, fragment)
        fragmentTransaction.commit()
    }
}

• 뷰페이저를 사용하지 않고, 일단 네비게이션을 클릭했을 때 Fragment의 이동을 구현했다.

 

 

 

 

(2) 뷰페이저2

https://todaycode.tistory.com/26

코틀린 viewPager2 : 사용법, 애니메이션 등

 

 

(3) 카카오 이미지 검색 API + Retrofit

https://hanyeop.tistory.com/225

[Android] 카카오 이미지 검색 API 사용하기 (+Retrofit)

 

 

(4) Edittext 검색창

https://sovovy.tistory.com/35

[Android] EditText 검색창으로 사용하기 (+ Enter Key Event 제어)

 

 

아직 구현중이라, 다음주 중에 해당 내용을 수정하겠다.

 

 

 

---

 

5. 기타 내용 정리

 

최종 프로젝트에 대한 기술 스택을 생각하면서, 팀원분과 대화한 몇몇 내용들에 대해 정리해보았다.

 

1. Firebase Realtime Database VS Firestore

[Firebase]데이터베이스 비교(Realtime vs Cloud Firestore)

데이터베이스 선택: Cloud Firestore 또는 실시간 데이터베이스  |  Firebase

• 일반적으로 최근엔 firestore가 realtime database를 대부분 대체하였고, 특히 일일업데이트가 적고 read 위주로 동작한다면 더더욱 firestore를 사용하는 것으로 보인다. 

 

 

2. Clean Architecture

[Android] 요즘 핫한 Clean Architecture 왜 쓰는 거야? : NHN Cloud Meetup

마케터도 쉽게 이해하는 ‘클린 아키텍처’ | 요즘IT

Architecture & Clean Architecture - part.2

• 팀원분이 아키텍처 중 현업에서 정말 많이 쓰인다는 클린 아키텍처에 대해 상세히 설명해주셨다.
• 클린아키텍처의 핵심은 의존성 방향에 있다. 안쪽의 원은 바깥쪽의 정보를 알거나 접근하면 안 된다.
  바깥에 있는 원일수록 쉽게 변하는 것들이다.
  구조는 크게 도메인 레이어(엔티티, 유즈케이스), 어댑터 레이어, 인프라스트럭처 레이어로 구성된다.
• MVVM을 이제 막 배우고 있는 단계지만, 클린 아키텍처의 사용 이유에 대해선 이해가 잘 됐다.

 

 

3. Gson VS Moshi

[Android] Gson을 대체하는 Moshi

Moshi, Moshi~ 직렬화를 원하신다구요?

• 심화 강의에서는 Json 데이터와 자바 객체 간의 직렬화/역직렬화를 위해 Gson을 사용했었다.
• 그런데 이 Gson도 사실은 옛날 기술이고, 최근엔 Moshi로 전환하는 추세라고 한다.
  아마 Moshi를 바로 배워서 사용해야 할 것 같다.

 

 

 

---

 

 

💭 Retrospect

저번주/이번주는 해외 여행도 다녀오고, 휴일도 많고, 그 와중에 몸까지 말썽이라 병가까지 내서 캠프 시작 이래로 출결도 제일 엉망이며 시간도 매우 부족했던 주다. 그 부족한 시간을 만회하기 위해 금요일부터 주말을 다 공부에 투자하고 있다.

여유롭게 개인 공부 시간이 주어진다면 금방 따라잡을 수 있을 것 같긴한데, 부트캠프라는 것 자체가 진도가 매우 빠르고 팀프로젝트 주간이 계속 돌아와서 (전 주까지는 리사이클러뷰, 뷰바인딩, 다이얼로그와 같은 것들을 배우다가 그 다음주부터는 Retrofit, MVVM, 데이터베이스(Room 등), API 등을 이용) 1주일을 놓치면 다른 수강생 수준까지 따라가기가 상당히 벅차다. 따라서 미래에 이 글을 볼 캠프수강자가 있다면 최대한 하루 12시간을 온전히 코딩 공부에 투자하고 출결 관리 잘해서 나처럼 고생하지 않길 바란다.

베이직반으로 내려간 것은 최종 프로젝트가 진행되기 전 남은 2주동안은 정말 그동안 못 따라갔던 내용을 상세히 파헤치고 완벽하게 마스터하고 싶어서다. 당분간 UI나 다른 목표에 대한 신경을 좀 끄고, 정말 코드 구현에만 2주를 쏟아부을  것이다. 최종 프로젝트는 정말 완벽하게 진행해보고 싶다. 당연한 소리지만, 조금이라도 어렵게 느껴진다면 남들보다 배는 열심히 해야한다.

​