인수인계를 받고 처음으로 안드로이드 스튜디오를 켜서 레거시 코드를 읽고 있었다. 인수인계를 하시면서 처음으로 나한테 물어본 질문은 64비트 호환에 대해 알고 있으시냐는 질문이었다. 64비트에 관한 이슈가 있어 해결을 해야 했다.

64비트에 관한 내용을 찾아보니 갤럭시 s24부터 64bit앱만 지원한다고 한다. 회사 앱이 예전부터 만든 앱이다보니 32bit 앱이라고 생각한다.

그래서 64bit로 컨버전 작업이 필요했다.

1. SDK버전 확인 64bit를 호환하려면 minSDK버전을 21로 올려야 호환이 가능했다.
2. 라이브러리 확인 앱에서 사용하는 라이브러리 중 오래된 버전은 32bit만 지원할 수 있다.
   • 라이브러리를 확인하는 방법 설치된 라이브러리 중 32bit만 호환 되는지 확인하고 버전 업그레이드를 해주면 된다.

정적 타입의 언어

• 컴파일 시점에 객체의 타입이 결정되며 런타임 시점에 문제가 발생할 확률이 훨씬 더 적어 상대적으로 안전한 언어라고 할 수 있다
• 타입 추론
  • Kotlin은 기본적으로 변수가 선언될 때 변수의 타입을 명시하지 않더라도 할당된 값을 보고 어떤 자료형을 가지는지 추론해 줍니다. 타입 추론 덕분에 반복적인 코드량을 줄일 수 있다
• 간결한 언어
  • data class를 사용하여 필드, Getter/Setter, 생성자를 자동 생성함으로써 보일러플레이트 코드가 개선된다
• Null safe 언어
  • null 체크를 좀 더 간결하게 nullable변수에서 null safe (?.)로 호출 하거나 엘비스 연산자를 통해 null일 때에 대한 처리를 직접적으로 바로 처리할 수 있습니다.
• 코루틴
  • 스레드는 아니지만 일종의 가벼운 스레드로 동시성 작업을 간편하게 처리할수 있다
• 확장함수
  • 기존 클래스를 상속하지 않고도 새 함수로 확장할 수 있으므로 코드 재사용 및 기능 추가가 더 쉬워진다

현재 운영중인 '오늘여행' 앱을 배포한 후 유저테스트를 진행하였다. 앱을 사용하면서 편리하고 좋은 점과 불편한점을 피드백으로 받게되어 수정할 내용을 더 명확하게 알 수 있었다. 피드백 받은 내용을 정리해 보려고 한다.

설문내용

긍정적인 답변

• UI와 UX가 사용자 친화적이라 좋았습니다.
• 설명을 듣지 않아도 바로 사용이 가능하다는 게 좋았습니다.
• 가고 싶은 지역의 관광지나 카페, 음식점을 경로에 지정해두고 사진을 저장하여 추억을 꺼내 볼 수 있다는 점이 좋습니다👍👍
• UI, UX에 신경을 많이 썼다는 느낌이 있어요, 부드러운 ui와 직관성 있는 접근성이 마음에 들었습니다

부정적인 답변

• 행사날짜(기간, 시작일, 종료일)의 가독성이 떨어집니다.
• 단순히 사진 저장용인거 같아서 조금 아쉬웠습니다.
• 목적지를 봤을 때 좀 더 자세한 정보가 있으면 좋겠어요.

추가하면 좋을 기능

• 여행 후기나 느낀점 같은걸 개인적으로 작성할 수 있는 란이 있으면 더 좋을 수도 있겠다는 생각이 들었어요!
• 검색할 수 있는 기능이 있었으면 좋겠습니다.
• 여행 기록 부분에서 메모를 할 수 있으면 좋을 거 같습니다.
• 해당 경로를 지정했을 때 거리 측정.

마무리 느낀점

앱을 기획 단계부터 개발을 거쳐 배포까지 모든 과정에 참여하면서 앱을 만드는데 조금 더 알아가는 경험이 된 것 같다. 처음 만드는 과정이지만 내가 개발하기 편하게 하기 위해서가 아닌 사용자가 사용했을 때 조금이라도 더 편하고 유용하게 쓰였으면 하는 마음에 UX 적으로 많이 고민을 한 것 같다. 유저 테스트에 피드백을 받고 나서 그동안 고민했던 노력이 인정받는 느낌이 들었다. 아직 많이 실력도 부족하고 고쳐야 할 것도 많지만 포기하지 않고 끝까지 해보려고 해야겠다.

내배캠 최종 프로젝트를 진행하면서 여행을 다녀온 곳에 저장된 사진을 gridlayout으로 출력하는 것을 구현하게 되었다.

val layoutManager = GridLayoutManager(requireContext(), 2)
    recyclerView.layoutManager = layoutManager

처음에는 이런식으로 열을 2로 고정을 하여 gridlayout을 구현하고 있었다. 이러한 방식으로 구현을 하다보니 다른 애뮬레이터에서 테스트를 해봤을 때 간혹 좌우 폭이 넓어 빈 공간이 생겨 보기 좋지 않은 결과물이 되었다. 그래서 애뮬레이터 마다 좌우 넓이 값을 찾고 그에 맞는 grid item 수를 구현해 보려고 한다.

넓이 구하기

private fun getDisplayWidth(): Int {
    val displayMetrics = DisplayMetrics()
    requireActivity().windowManager.defaultDisplay.getMetrics(displayMetrics)
    return displayMetrics.widthPixels
}

• 애뮬레이터의 좌우 넓이를 구하기 위해 변수 displayMetrics에 DisplayMetrics()함수를 사용했다.
• return 값으로 단말의 좌우 폭의 값으로 주었다.

개수 계산하기

private fun calColumns(columnWidthDp: Int): Int {
        val displayWidth = getDisplayWidth()
        val numColumns = displayWidth / columnWidthDp
        return if (numColumns <= 1) 2 else numColumns
    }

변수 displayWidth에 구한 넓이를 넣어주고 (단말의 넓이 / 지정한 넓이)를 해주어 알맞는 gridlayout의 수를 구해 return을 해주었다.

Gridlayout 적용하기

private fun setupRecyclerView(recyclerView: RecyclerView) {
        val columnWidthDp = 400
        val layoutManager = GridLayoutManager(requireContext(), calColumns(columnWidthDp))
        recyclerView.layoutManager = layoutManager
    }

변수 columnWidthDp에 원하는 넓이의 값을 주고 계산해서 단말의 알맞는 열의 개수를 구하는 것을 구현하였다.

import retrofit2.Call
import retrofit2.http.GET
import retrofit2.http.Query


interface WeatherInterface {
    // getVilageFcst : 동네 예보 조회
    @GET("getVilageFcst?serviceKey=API키")

    fun getWeather(@Query("dataType") dataType : String,
                   @Query("numOfRows") numOfRows : Int,
                   @Query("pageNo") pageNo : Int,
                   @Query("base_date") baseDate : String,
                   @Query("base_time") baseTime : String,
                   @Query("nx") nx : String,
                   @Query("ny") ny : String)
            : Call<weather>
}

WeatherClient

import com.google.gson.GsonBuilder
import com.twoday.todaytrip.BuildConfig
import okhttp3.OkHttpClient
import okhttp3.logging.HttpLoggingInterceptor
import retrofit2.Retrofit
import retrofit2.converter.gson.GsonConverterFactory
import java.util.concurrent.TimeUnit

object WeatherClient {
    private const val WEATHER_BASE_URL = "http://apis.data.go.kr/1360000/VilageFcstInfoService_2.0/"
    private val gson = GsonBuilder().setLenient().create()
    private fun createOkHttpClient(): OkHttpClient {
        val interceptor = HttpLoggingInterceptor()

        if (BuildConfig.DEBUG)
            interceptor.level = HttpLoggingInterceptor.Level.BODY
        else
            interceptor.level = HttpLoggingInterceptor.Level.NONE

        return OkHttpClient.Builder()
            .connectTimeout(20, TimeUnit.SECONDS)
            .readTimeout(20, TimeUnit.SECONDS)
            .writeTimeout(20, TimeUnit.SECONDS)
            .addNetworkInterceptor(interceptor)
            .build()
    }

    private val weatherRetrofit = Retrofit.Builder()
        .baseUrl(WEATHER_BASE_URL).addConverterFactory(GsonConverterFactory.create())
        .client(createOkHttpClient())
        .build()

    val weatherNetWork: WeatherInterface = weatherRetrofit.create(WeatherInterface::class.java)
}

WeatherDTO

package com.twoday.todaytrip.weather

import com.google.gson.annotations.SerializedName

data class weather(
    @SerializedName("response")
    val response: Response
)
data class Response(
    @SerializedName("body")
    val body: Body,
    @SerializedName("header")
    val header: Header
)
data class Header(
    @SerializedName("resultCode")
    val resultCode: String,
    @SerializedName("resultMsg")
    val resultMsg: String
)
data class Body(
    @SerializedName("dataType")
    val dataType: String,
    @SerializedName("items")
    val items: Items,
    @SerializedName("numOfRows")
    val numOfRows: Int,
    @SerializedName("pageNo")
    val pageNo: Int,
    @SerializedName("totalCount")
    val totalCount: Int
)
data class Items(
    @SerializedName("item")
    val item: List<Item>
)
data class Item(
    @SerializedName("baseDate")
    val baseDate: String,
    @SerializedName("baseTime")
    val baseTime: String,
    @SerializedName("category")
    val category: String,
    @SerializedName("fcstDate")
    val fcstDate: String,
    @SerializedName("fcstTime")
    val fcstTime: String,
    @SerializedName("fcstValue")
    val fcstValue: String,
    @SerializedName("nx")
    val nx: Int,
    @SerializedName("ny")
    val ny: Int
)

weatherInfo()

WeatherClient.weatherNetWork.getWeather(
            dataType = "JSON",
            numOfRows = 12,
            pageNo = 1,
            baseDate = baseDate,
            baseTime = baseTime,
            nx = latitude,
            ny = longitude
        ).enqueue(object : retrofit2.Callback<weather> {
            override fun onResponse(call: Call<weather>, response: Response<weather>) {
                if (response.isSuccessful) {
                    val it: List<Item> = response.body()?.response?.body?.items?.item ?: return
                    var temp = ""
                    var sky = ""
                    var rainType = ""

                    it.forEach { item ->
                        when (item.category) {
                            "SKY" -> sky = item.fcstValue
                            "TMP" -> temp = item.fcstValue
                            "PTY" -> rainType = item.fcstValue
                        }
                    }
                    Log.d("iop", sky)
                    setWeather(rainType, sky, temp)
                }
            }

            override fun onFailure(call: Call<weather>, t: Throwable) {
                Log.d("api fail", t.message.toString())
            }
        })

1. 영상찍기

   'command' + 'shift' + '5' = 동영상 캡처

2. .mov파일 .gif 변환

   https://convertio.co/kr/mov-gif/

이 사이트에서 영상 변환

3.변환된 .gif파일 복붙

<img src="이미지 링크" height="100px" width="300px">

이미지 정렬

가운데 정렬

<p align="center"><img src="이미지 링크"></p>

왼쪽, 오른쪽 정렬

<img src="이미지 링크" align="right or left">

xml구조

<CoordinatorLayout>   << CollapsingToolbarLayout을 사용하기 위해서는 꼭 CoordinatorLayout을 사용해야함


    <AppBarLayout>   << appBarLayout 안에 CollapsingToolbarLayout을 넣음

        <CollapsingToolbarLayout>   << 스크롤시 접히거나 나타날 부분을 넣는 layout

            <ImageView/>            << 접히거나 나타날 이미지
            ...
            <Toolbar/>              << 접혔을 때에도 남아있을 툴바

        </CollapsingToolbarLayout>

    </AppBarLayout>

    <ViewPager2/>   << 스크롤할 뷰 (NestedScrollView나, RecyclerView도 가능)

</CoordinatorLayout>

상세설명

CoordinatorLayout : FrameLayout의 특징을 갖는 레이아웃 behavior는 스크롤, 드래그, 스와이드, 플링 등, 뷰의 다양한 움직임이나 애니메이션에 따른 상호작용을 구현하기 위해 사용된다.

layout_scrollFlags

• scroll : 사용자의 스크롤에 따라, 이 뷰가 화면에서 사라질 수 있음을 나타낸다. 이 값이 설정되지 않으면 이 뷰는 화면 위쪽에 항상 남아 있다.
• exitUntilCollapsed : 이 값이 설정되면 위쪽으로 스크롤하는 동안 minHeight에 도달할 때까지만 이 뷰가 사라진다. 그리고 스크롤 방향이 변결될 때까지는 minHeight 지점에 남아 있는다.
• enterAlwaysCollapsed : enterAlways와 유사하지만 아래쪽으로 스크롤하는 경우만 다르다. 즉, 아래쪽으로 스크롤할 때 스크롤되는 리스트의 끝에 도달했을 때만 이 뷰가 다시 나타난다.

  전체 코드

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="@color/main_blue"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <!-- parallax: 스크롤 시 접힘 -->
            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <!-- pin: 스크롤 시 고정 -->
                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/iv_local"
                    android:layout_width="match_parent"
                    android:layout_height="250dp"
                    android:scaleType="centerCrop"
                    android:src="@drawable/img_busan1"
                    app:layout_collapseMode="parallax"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/iv_place_list_fragment_blur"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    android:src="@drawable/img_place_detail_blur"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="8dp"
                    android:layout_marginEnd="8dp"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintTop_toTopOf="parent">

                    <ImageView
                        android:id="@+id/img_weather"
                        android:layout_width="33dp"
                        android:layout_height="37dp"
                        android:layout_marginStart="12dp"
                        android:src="@drawable/ic_place_list_weather_sun"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tv_weather_info"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="12dp"
                        android:text="온도º"
                        android:textColor="@color/white"
                        android:textSize="16sp"
                        app:layout_constraintBottom_toBottomOf="@+id/img_weather"
                        app:layout_constraintStart_toEndOf="@+id/img_weather"
                        app:layout_constraintTop_toTopOf="@+id/img_weather" />

                    <TextView
                        android:id="@+id/tv_weather_info2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="12dp"
                        android:text="날씨"
                        android:textColor="@color/white"
                        android:textSize="16sp"
                        app:layout_constraintBottom_toBottomOf="@+id/img_weather"
                        app:layout_constraintStart_toEndOf="@+id/tv_weather_info"
                        app:layout_constraintTop_toTopOf="@+id/img_weather" />
                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.constraintlayout.widget.ConstraintLayout>

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">

                <TextView
                    android:id="@+id/tv_travel_address"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="16dp"
                    android:text="경상남도 거제시"
                    android:textAppearance="@style/address" />
            </androidx.appcompat.widget.Toolbar>

        </com.google.android.material.appbar.CollapsingToolbarLayout>

        <!-- 뷰페이저와 연결할 탭 -->
        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/layout_place_list_fragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent">


            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tl_tab_layout"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:tabBackground="@color/white"
                app:tabGravity="fill"
                app:tabIndicatorColor="@color/main_blue"
                app:tabIndicatorFullWidth="false"
                app:tabIndicatorGravity="bottom"
                app:tabMode="fixed"
                app:tabSelectedTextColor="@color/black"
                app:tabTextAppearance="@style/tab_text"
                app:tabTextColor="@color/middle_gray">

                <com.google.android.material.tabs.TabItem
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/place_list_tourist_attraction" />

                <com.google.android.material.tabs.TabItem
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/place_list_restaurant" />

                <com.google.android.material.tabs.TabItem
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/place_list_cafe" />

                <com.google.android.material.tabs.TabItem
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/place_list_event" />
            </com.google.android.material.tabs.TabLayout>
        </androidx.constraintlayout.widget.ConstraintLayout>

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/vp_viewpager_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

AppCompatButton 사용

<androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button"
        android:layout_width="44dp"
        android:layout_height="28dp"
        android:layout_marginBottom="4dp"
        android:background="@drawable/button_round"
        android:text="@string/contain"
        android:textColor="@color/white"
        android:textSize="12sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

그냥 <Button>을 만들지 말고 androidx.appcompat.widget.AppCompatButton 으로 지정해주면 background 속성이 잘 적용된다.

Theme 변경

<style name="Base.Theme.TodayTrip" parent="Theme.MaterialComponents.DayNight.NoActionBar">

⬇︎

<style name="Base.Theme.TodayTrip" parent="Theme.AppCompat.DayNight.NoActionBar">

변경해주면 속성변경이 가능하다.

Tab의 Indicator길이를 Text에 맞추기

app:tabIndicatorFullWidth="false"

Tab의 Indicator길이를 Tab전체 길이에 맞추기

app:tabIndicatorFullWidth="true"

무언가 작업을 할 때 로딩이 되는 화면을 구현해 보도록 하겠다.

CircleProgressDialog

package com.example.searchapi.fragment

import android.graphics.Color
import android.graphics.drawable.ColorDrawable
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.fragment.app.DialogFragment
import com.example.searchapi.databinding.FragmentDialogBinding

class CircleProgressDialog : DialogFragment() {
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?,
    ): View {
        val binding = FragmentDialogBinding.inflate(inflater, container, false)
        dialog?.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))

        return binding.root
    }
}

fragment_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".fragment.CircleProgressDialog">

    <ProgressBar
        android:id="@+id/circle_progress"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:indeterminateDrawable="@drawable/circle_progress"
        android:indeterminateDuration="1000"
        android:padding="10dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</FrameLayout>

Drawable circle_progress.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >
    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="8"
        android:useLevel="false">

        <size
            android:width="10dp"
            android:height="60dp"/>
        <gradient
            android:angle="0"
            android:endColor="#FF9800"
            android:startColor="@color/white"
            android:type="sweep"
            android:useLevel="false"
            />
    </shape>
</rotate>

code

binding.rvSearch.addOnScrollListener(object : RecyclerView.OnScrollListener() {
    override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
        super.onScrolled(recyclerView, dx, dy)
        val query = binding.etSearch.text.toString()
        val lastVisibleItemPosition =
                    (recyclerView.layoutManager as GridLayoutManagerWrapper).findLastCompletelyVisibleItemPosition()
        val itemTotalCount = recyclerView.adapter!!.itemCount - 1
        if (lastVisibleItemPosition == itemTotalCount) {
            showLoading() //로딩
            page += 1 //스크롤이 최하단이면 다음페이지 출력
            CoroutineScope(Dispatchers.Main).launch {
                val response = Retrofit.api.searchImage(query, "accuracy", page, 80)
                imageAdapter.imageList.addAll(response.documents)
                imageAdapter.notifyDataSetChanged()
            }
        }
    }
})

private fun showLoading() {
    CoroutineScope(Dispatchers.Main).launch {
        loadingDialog.show(parentFragmentManager, loadingDialog.tag)
        withContext(Dispatchers.Default) { delay(1500) }
        loadingDialog.dismiss()
    }
}

API로 80개의 이미지를 불러온 후 스크롤이 끝까지 내려가면 새로운 아이템들을 불러오는 기능을 구현하고 있었고, 새로 불러오는 과정에서 CircleProgressDialog로 로딩 pogressbar를 띄우는 기능을 구현하려고 했다. 그 과정에서 에러가 발생했다.

에러내용

private fun showLoading() {
    CoroutineScope(Dispatchers.Main).launch {
        loadingDialog.show(supportFragmentManager, loadingDialog.tag)
        withContext(Dispatchers.Default) { delay(1500) }
        loadingDialog.dismiss()
    }
}

Unresolved reference : supportFragmentManager

• Host Activity인 MainActivity에서 프래그먼트를 교체하고 싶은데 Host Fragment인 Fragment에서 supportFragmentManager를 호출하였기 때문이다.

  에러해결

  private fun showLoading() {
    CoroutineScope(Dispatchers.Main).launch {
        loadingDialog.show(parentFragmentManager, loadingDialog.tag)
        withContext(Dispatchers.Default) { delay(1500) }
        loadingDialog.dismiss()
    }
  }

• MainActivity에서의 동작으로 프래그먼트를 교체하고싶다면 supportFragmentManager를 사용해야한다.
• MainActivity 위에 올라가 있는 프래그먼트에서의 동작으로 MainActivity 위의 프래그먼트를 교체하고 싶다면 parentFragmentManager를 사용해야 한다.
• childFragmentManager의 경우 프래그먼트 위에 또 프래그먼트가 올라가는 상황에서 사용하게 되는데 다중프래그먼트의 경우 구현이 복잡해지기 때문에 가능하다면 custom view를 사용하는것을 권장한다.

API 통신을 통해 받아온 데이터들을 리사이클러뷰에 출력을 한 후 아이템 뷰를 클릭하면 보관함에 아이템을 보관하는 기능을 구현하고 있었다. 여러 개를 클릭 한 후 보관함 프레그먼트안에서 뿌려진 아이템을 다시 클릭하게 되면 삭제기능을 구현하려고 했는데 클릭한 순서대로 삭제를 하면 문제가 없는데 중간이나 처음에 추가한 아이템을 삭제하게 되면 에러가 발생했다.

### 오류내용

• 

• 데이터 변경에 대한 범위를 정산적으로 지정해주지 않아 생기는 것 같기도 하다.

• 또한 업데이트 함수 에러일 수도 있다고 생각했다.

• 더 찾아보니 삼성 안드로이드 기기에서 발생하는 RecyclerView Scroll 에러라고 한다.

  해결방법

  class GridLayoutManagerWrapper: GridLayoutManager {
    constructor(context: Context, spanCount: Int) : super(context, spanCount) {}
    constructor(context: Context, spanCount: Int, orientation: Int, reverseLayout: Boolean) : super(context, spanCount, orientation, reverseLayout) {}
    constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int, defStyleRes: Int) : super(context, attrs, defStyleAttr, defStyleRes) {}
  
    override fun supportsPredictiveItemAnimations(): Boolean {
        return false
    }
  }

  with(binding) {
    rvSearch.adapter = imageAdapter
    rvSearch.layoutManager = GridLayoutManagerWrapper(context, 2)
    }

나는 플로팅 버튼의 아이콘 색상을 검은색에서 하얀색으로 바꾸려고 한다.

많은 구글링 결과 이 코드를 찾아냈다.

app:tint="@color/white"

간단하지만 찾지 못하는 이유는 속성이 자동완성이 안돼서 직접 tint=""까지 작성해야한다.

• Glide는 구글에서 만든 이미지 로더 라이브러리다.
• Glide의 with()는 Picasso와는 다르게 Context뿐 아니라 Activity와 Fragment도 인자로 사용할 수 있다.
• Glide는 Picasso보다 메모리 용량을 적게 차지한다.(그 이유는 이미지를 다운로드 할 때 작은 이미지 사이즈로 변환해주기 때문이다.)
• 원본 이미지를 그대로 가져와야 한다면 Picasso를, 그렇지 않다면 Glide를 사용하는 것이 좋다.
• 이미지, gif, 비디오 등 다양한 API를 사용할 수 있다.

Glide 사용방법

dependency 추가

implementation ("com.github.bumptech.glide:glide:4.16.0")

외부 통신을 통해 이미지를 가져와야 할 때, 인터넷 권한을 AndroidManifest.xml 파일에 추가해준다.

<uses-permission android:name="android.permission.INTERNET"/>

• Activity

  Glide.with(this)
    .load(이미지 경로)
    .into(imageView)

  

• ViewHolder

  Glide.with(itemView)
    .load(이미지 경로)
    .into(itemView.imageView)

  

• Gif 이미지 로드

  Glide.with(this)
    .load(R.drawable.gif_file)
    .asGif()
    .into(imageView)

• SQLite를 쉽게 사용할 수 있는 데이터베이스 객체 매핑 라이브러리
• 쉽게 Query를 사용할 수 있는 API를 제공
• Query를 컴파일 시간에 검증함
• Query결과를 LiveData로하여 데이터베이스가 변경될 때 마다 쉽게 UI를 변경할 수 있음
• SQLite 보다 Room을 사용할 것을 권장함

  장점

• SQL 쿼리의 컴파일 시간 확인
• 반복적이고 오류가 발생하기 쉬운 상용구 코드를 최소화하는 편의 주석
• 간소화된 데이터베이스 이전 경로

  설정방법

  plugins {
    id 'kotlin-kapt'
  }
  

dependencies { def room_version = "2.5.1" implementation "androidx.room:room-runtime:$room_version" annotationProcessor "androidx.room:room-compiler:$room_version" kapt "androidx.room:room-compiler:$room_version" // optional - Kotlin Extensions and Coroutines support for Room implementation "androidx.room:room-ktx:$room_version" // optional - Test helpers testImplementation "androidx.room:room-testing:$room_version" }

### Entity 정의
- 데이터 베이스의 테이블 행 역할을 한다.
- 반드시 PrimaryKey가 있어야 한다. (자동 생성은 autoGenerate = true 속성 추가)
- 기본적으로 클래스 이름이 테이블명이지만 따로 지정은 @Entity(tableName = " ")을 사용한다.
#### e.g. CREATE TABLE student_table (student_id INTEGER PRIMARY KEY, name TEXT NOT NULL);
```kotlin
@Entity(tableName = "student_table")    // 테이블 이름을 student_table로 지정함
data class Student (
    @PrimaryKey 
        @ColumnInfo(name = "student_id") 
    val id: Int,
    val name: String
)

DAO 정의

• 인터페이스나 추상 클래스로 정의 가능.
• 일반적으로 인터페이스로 구현. @Dao 어노테이션 필수이다.
• 앱 데이터베이스의 데이터와 상호작용하는 메소드를 하나 이상 정의한다.
• 가능한 annotation으로 @Insert, @Update, @Delete, @Query가 있다.

• 간단한 데이터를 저장하고 불러올 수 있다.
• 앱을 꺼도 데이터가 유지된다는 점에서 간편한 데이터베이스 역할을 할 수 있다.
  • 초기 설정 값이나 자동 로그인 여부 등 간단한 값을 저장할 때 적합하다.
• ShardPreferences는 어플리케이션에서 파일 형태로 데이터를 저장한다.
• 데이터는 (key, value) 형태로 shared_prefs 폴더 안에 xml 파일로 저장된다. 해당 파일은 어플리케이션이 삭제되기 전까지 보존된다.

공유 환경설정의 핸들 가져오기

• getSharedPreferences (name, mode)
  • 여러개의 Shared Preference파일들을 사용하는 경우
  • name : 프레퍼런스 데이터를 저장할 XML 파일의 이름이다.
  • mode : 파일의 공유 모드
    • MODE_PRIVATE: 생성된 XML 파일은 호출한 애플리케이션 내에서만 읽기 쓰기가 가능

      val sharedPref = activity?.getSharedPreferences(
      getString(R.string.preference_file_key), Context.MODE_PRIVATE)

      

getPreferences

• 한개의 Shared Preference 파일을 사용하는 경우 사용한다.
• Activity 클래스에 정의된 메소드 이므로, Activity 인스턴스를 통해 접근이 가능하다.
• 생성한 액티비티 전용이므로 같은 패키지의 다른 액티비티는 읽을 수 없다.
• 액티비티와 동일한 이름의 XML 파일 생성

  val sharedPref = activity?.getPreferences(Context.MODE_PRIVATE)

KEEP : 다음 프로젝트에서도 유지했으면 하는 부분

• 1. 프로젝트 만들고 각자 clone을 하기 전 gitignore 파일을 먼저 작성하여 미연에 혼선을 방지할 수 있었다.
• 2. 이전 프로젝트 경험을 회고하여 프로젝트 시작전 개선점을 찾아 반영한 점
• 3. 이슈가 있을 때마다 노션에 기록해 문제점을 잘 파악할 수 있었다.
• 4. 이슈가 생겼을 때 혼자 해결하기 보단, 다같이 해결하는 분위기가 좋았다.
• 5. 팀 룰과 코드 컨벤션 등을 디테일하게 노션에 정리해두어 협업에 더욱 도움이 되었다.
• 6. 발표 전에 회의가 진행될 툴로 카메라, 마이크, 화면공유 등 진행에 문제가 없는지 확인하여 원활한 발표를 할 수 있었다.

PROBLEM : 문제점을 객관적으로 판단

• 1. 일정 스코프를 명확히 하지 않은 것
• 2. 디자인과 프로젝트 초기 세팅이 너무 많은 시간을 소모한 것
• 3. github의 사용법을 잘 숙지하지 못한 점
• 4. 코드 구현을 할 물리적인 시간이 부족하여 끝까지 마음이 조급했던 것 같다.
• 5. 디테일하게 ui와 코드를 수정하지 못했다.
• 6. 마무리(read.me 등)에 더 신경을 썼다면 좋았을 것 같다.

TRY : 다음 프로젝트를 위해 해야 할 노력 / 해결 할 수 있는 현실적인 방안 제시

• 1. 전체 인원의 역량을 잘 파악하여 구체적 일정 스코프를 짠 뒤 진행한다
• 2. 이전 프로젝트의 코드 스니펫들을 모아 개발 시간을 단축한다
• 3. 사용자 경험 측면에서 사용하기 편한 디자인이 될 수 있도록 조금 더 고민해야겠다.
• 4. 시간 분배를 잘해서 급해지지 않도록 해야 한다.
• 5. 기능 구현이 어렵고 시간이 걸리더라도 디자인에 조금 더 신경을 써야 할 것 같다.

Feel or Action : 이번 프로젝트를 통해 느낀 점

• 1. 알면 알수록 더 복잡해지고 어려워지는 것 같습니다. 반복하면서 더 몸에 익혀야겠다고 생각했습니다.
• 2. 경험을 기반으로 개발과 계획에 참고해야겠다.
• 3. 실력 차이가 나는 것이 느껴져도 위축되지 않고 더 열심히 해야겠다는 마음가짐을 가져야겠다.
• 4. 구현하는 데 어려움이 느껴진다면 고민하지 않고 팀원과 튜터님께 달려가야겠다.
• 5. 한정된 시간에서 원활한 진행을 위해 소통을 더 적극적으로 해야겠다.

상호 조언

송근영

• 초기 설정 시기에 팀원들의 개인 역량을 고려해서 코드 구현할 시간을 충분히 확보해 주셨다면 더 좋았을 것 같습니다.
• 초기 계획을 디테일하게 설정했고, 문서화 작업에 신경을 많이 써주셔서 같은 문제가 반복되지 않았던 것 같습니다.
• 팀 노션을 디테일하게 계획해주셔서 다음 팀 프로젝트 때는 어떤 식으로 노션을 작성해야 할지 감이 잡힌 것 같습니다.
• 진행 중인 기능 구현이 있음에도, 트러블 이슈에 대해서 친절하게 설명해 주셨습니다.
• 깃 협업에 어려움이 있어 당황스러웠는데 직접 시나리오 별로 정리해주셔서 많은 도움이 되었습니다.

박재원

• 코드 구현에 어려운 부분을 적극적으로 도와주셔서 든든했습니다.
• 빡빡한 일정 속에서도 다른 팀원을 도와주시는 게 대단하다고 생각했습니다
• 정규 시간 외에도 본인 파트 외 기능 구현을 묵묵히 도와주셔서 감사했습니다.

이가현

• 어려운 점이 분명 있으셨을텐데 모르는 부분을 잘 물어봐 주시고 맡은 역할을 충분히 수행하셨습니다.
• 감기에 걸리시고도 맡은 바 역할을 전부 해내시는 모습을 보며 감동 받았습니다.
• 기능구현에 어려움이 있어도 포기하지 않으시고 잘 마무리 하신 것 같습니다.

유영국

• 코딩에 아직 익숙하지 않지만 어려운 부분을 담당해주시면서 책임감 있게 해결하려는 모습 감동 받았습니다.
• 어려운 부분을 맡으셔서 힘든 부분이 많으셨을텐데 어려운 점을 함께 얘기하면서 조급함을 덜어낼 수 있었던 것 같습니다.
• 처음이라곤 믿을 수 없는 이해 능력과 개발 속도가 신기했습니다. 코딩 처음 아니시죠?
• 말씀을 너무 예쁘게 하시고 배려심 깊으신게 느껴져서 따수웠습니다..

• 액티비티에서 데이터를 받아오기 위해 사용된다.
• 콜백을 분리하여 항상 콜백을 받을 수 있도록 한다.
• e.g. 현재 실행중인 앱의 activity A에서 갤러리 앱의 activity B로부터 사진을 갖고올 때

  ActivityForResult가 Deperated된 이유

• AndroidX Activity와 Fragment에 도입된 ActivityResult API 를 안드로이드 공식문서에서 적극 권장함
• 결과를 얻기위해 액티비티를 시작할 때 메모리 부족으로 프로세스와 액티비티가 소멸될 수 있다.
• 두 메서드가 같은 곳에서 구현을 해야하는데 메모리 부족으로 제대로 동작하지 않을 수 있다.

'ActivityResultLauncher'가 'ActivityForResult'와 다른점

• Activity ResulAPI는 다른 activity를 실행하는 코드에서 결과 콜백을 분리한다.

• RequestCode가 사라졌다.

• Activity가 종료되었다가 다시 만들어져도 Result값을 기다리게 할 수 있다.

  activityResultLauncher e.g.

  private val activityResultLauncher : ActivityResultLauncher<Intent> = registerForActivityResult(
        ActivityResultContracts.StartActivityForResult()
    ){
  
        // SubOne에서 결과를 받아옴
        if(it.resultCode == ONE){
            val intent = it.data
            val returnValue = intent!!.getStringExtra("one")
            Toast.makeText(this, returnValue.toString(), Toast.LENGTH_SHORT).show()
        }
  
        // SubTwo에서 결과를 받아옴
        else if(it.resultCode == TWO){
            val intent = it.data
            val returnValue = intent!!.getStringExtra("two")
            Toast.makeText(this, returnValue.toString(), Toast.LENGTH_SHORT).show()
        }
    }
  

### Permission e.g.
```kotlin
// 카메라 권한 요청 - 1
perButton.setOnClickListener {
    if(ContextCompat.checkSelfPermission(
            this@MainActivity,
            Manifest.permission.CAMERA) == PackageManager.PERMISSION_GRANTED){
        Toast.makeText(this@MainActivity, "이미 권한이 있습니다.", Toast.LENGTH_SHORT).show()
    }
    else{
        permissionLauncher.launch(Manifest.permission.CAMERA)
    }
}
// 카메라 권한 요청 - 2
perButton.setOnClickListener {
    permissionLauncher.launch(Manifest.permission.CAMERA)
}