DevGoogry

(Android) DataBinding을 활용한 BaseRecyclerView 만들기

sjjeong1225 — Fri, 28 Dec 2018 16:45:47 +0900

이번 2018년 11월 25일에 마루 180에서 진행한 안드로이드 컨퍼런스에서 발표한 내용 중에 BaseRecyclerView에 대해 글로 정리해보려고 이번 포스팅을 준비해봤습니다.

안드로이드 앱을 개발하면서 서버에서 데이터를 가져와서 리스트로 보여주는 기능을 자주 개발 했었는데 이런 리스트를 만드는 작업을 많이 하다 보니 공통으로 처리 할 수 있는 부분이 보이기 시작했고 그러면서 BaseRecyclerView를 만들어야겠다고 느꼈습니다.

이 글을 이해하기 위해서는 아래와 같은 지식이 필요하니 꼭 선행학습을 하고 보시면 좋을 것 같습니다.

1. RecyclerView

- RecyclerView를 어떻게 구현하는지

- RecyclerView.Adapter에서 필수로 override해야하는 함수들의 역할과 구현 방법

- RecyclerView.ViewHolder 구현 방법

2. DataBinding

- DataBinding 사용 방법

- BindingAdapter 사용 방법

언어 코드 리스트(http://help.bingads.microsoft.com/apex/index/18/ko/10004)

위에 주소에 있는 언어 코드 리스트를 RecyclerView를 통해서 보여주는 기능을 구현해보도록 하겠습니다.

일반적인 구현 방법

class Step1Adapter : RecyclerView.Adapter<Step1Adapter.ViewHolder>() {

    private val items = mutableListOf<LanguageCode>()

    fun replaceAll(newItems: List<LanguageCode>?) {
        newItems?.let {
            items.clear()
            items.addAll(it)
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(parent)

    override fun getItemCount() = items.size

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.onBindViewHolder(items[position])
    }

    inner class ViewHolder(parent: ViewGroup) : RecyclerView.ViewHolder(
        LayoutInflater.from(parent.context).inflate(R.layout.language_code_item, parent, false)
    ) {

        fun onBindViewHolder(item: LanguageCode) {
            with(itemView) {
                tvCode.text = item.code
                tvLanguage.text = item.language
            }
        }
    }


}

class Step1Activity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.step1_activity)
        rvContent.adapter = Step1Adapter().apply { replaceAll(getLanguageCodeList()) }
    }
}

제가 처음에 많이 하던 RecyclerView의 Adapter를 구현하는 방법으로 RecyclerView.Adatper를 상속받는 CustomAdapter를 구현하고 RecyclerView.ViewHolder를 상속받는 CustomViewHolder를 구현하는 방식입니다.

CustomAdapter

- Adapter내부에 List를 가지고 있는다.

- replaceAll()과 같은 함수를 통해서 데이터를 교체한다.

- onCreateViewHolder()에서 CustomViewHolder를 생성한다.

- getItemCount()에서 list의 사이즈를 리턴한다.

- onBindViewHolder()에서 holder에 position에 맞는 데이터를 전달한다.

CustomViewHolder

- Adapter의 onCreateViewHolder에서 인자로 넘어오는 ViewGroup으로 View를 생성하여 RecyclerView.ViewHolder의 생성자에 전달한다.

- Adapter의 onBindViewHolder에서 넘어오는 데이터를 set한다.

이렇게 CustomAdapter를 따로 만들게 되면 새로운 화면에서 새로운 리스트를 보여줘야 할 때마다 계속 만들어 줘야 하는 번거로움이 있습니다.

조금 다르게 말하자면 ArrayList를 Generic을 사용하지 않고 Int를 저장하는 IntArrayList, String을 저장하는 StringArrayList를 만드는 것과 동일합니다.~~(조금 억지인가..)~~

그러면 위에 Step1Adpater와 비슷한 형태로 다른 데이터를 다른 layout으로 보여주는 CustomAdapter를 만들어본다고 가정해보겠습니다.

class CustomAdapter : RecyclerView.Adapter<CustomAdapter.ViewHolder>() {

    private val items = mutableListOf<CustomItem>()

    fun replaceAll(newItems: List<CustomItem>?) {
        newItems?.let {
            items.clear()
            items.addAll(it)
        }
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(parent)

    override fun getItemCount() = items.size

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.onBindViewHolder(items[position])
    }

    inner class ViewHolder(parent: ViewGroup) : RecyclerView.ViewHolder(
        LayoutInflater.from(parent.context).inflate(R.layout.custom_item, parent, false)
    ) {

        fun onBindViewHolder(item: CustomItem) {
            with(itemView) {
                tvTitle.text = item.title
                tvContent.text = item.content
                tvTail.text = item.tail
            }
        }
    }


}

여기서 Step1Adapter와 CustomAdapter의 차이점은

1. items의 Class

private val items = mutableListOf<LanguageCode>()

2. ViewHolder 생성자에 인자로 들어가는 layout res id

LayoutInflater.from(parent.context).inflate(R.layout.language_code_item, parent, false)

3. ViewHolder에 onBindViewHolder()의 처리

fun onBindViewHolder(item: LanguageCode) {
    with(itemView) {
        tvCode.text = item.code
        tvLanguage.text = item.language
    }
}

입니다.

그러면 어떻게 해야 위 3가지의 차이점을 공통처리할 수 있게 만들 수 있을까요?

1. Generic으로 처리

2. 매개변수로 처리

3. DataBinding으로 처리

제가 생각한 방식으로 구현한 BaseRecyclerView입니다.

abstract class BaseRecyclerView {

    abstract class Adapter<ITEM : Any, B : ViewDataBinding>(
        @LayoutRes private val layoutResId: Int,
        private val bindingVariableId: Int? = null
    ) : RecyclerView.Adapter<ViewHolder<B>>() {

        private val items = mutableListOf<ITEM>()

        fun replaceAll(items: List<ITEM>?) {
            items?.let {
                this.items.run {
                    clear()
                    addAll(it)
                }
            }
        }

        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) =
            object : ViewHolder<B>(
                layoutResId = layoutResId,
                parent = parent,
                bindingVariableId = bindingVariableId
            ) {}

        override fun getItemCount() = items.size

        override fun onBindViewHolder(holder: ViewHolder<B>, position: Int) {
            holder.onBindViewHolder(items[position])
        }
    }

    abstract class ViewHolder<B : ViewDataBinding>(
        @LayoutRes layoutResId: Int,
        parent: ViewGroup,
        private val bindingVariableId: Int?
    ) : RecyclerView.ViewHolder(
        LayoutInflater.from(parent.context).inflate(layoutResId, parent, false)
    ) {

        protected val binding: B = DataBindingUtil.bind(itemView)!!

        fun onBindViewHolder(item: Any?) {
            try {
                bindingVariableId?.let {
                    binding.setVariable(it, item)
                }
            } catch (e: Exception) {
                e.printStackTrace()
            }
        }
    }

}

BaseRecyclerView.Adapter는

Generic으로

1. Item Class

ITEM : Any

2. ViewHolder의 Layout에 해당하는 ViewDataBinding Class

B : ViewDataBinding

매개변수로

1. ViewHolder의 layout res id

@LayoutRes private val layoutResId: Int

2. ViewHolder의 layout에 variable로 정의한 Item의 변수명 id

private val bindingVariableId: Int? = null

받게 됩니다.

BaseRecyclerView.ViewHolder는

Generic으로

1. ViewHolder의 Layout에 해당하는 ViewDataBinding Class

B : ViewDataBinding

매개변수로

1. ViewHolder의 layout res id

@LayoutRes layoutResId: Int

2. ViewGroup

parent: ViewGroup

3. ViewHolder의 layout에 variable로 정의한 Item의 변수명 id

private val bindingVariableId: Int

받게 됩니다.

ViewHolder에서 itemView를 통해 binding객체를 생성하고

protected val binding: B = DataBindingUtil.bind(itemView)!!

onBindViewHolder()에서 binding.setVariable(bindingVariableId, item)으로 layout에 variable로 선언한 변수에 데이터를 set하게 됩니다.

fun onBindViewHolder(item: Any?) {
    try {
        bindingVariableId?.let {
            binding.setVariable(it, item)
        }
    } catch (e: Exception) {
        e.printStackTrace()
    }
}

그러면 layout xml에서 처리한 방식대로 data를 binding 시켜주게 됩니다.

<?xml version="1.0" encoding="utf-8"?>
<layout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
                name="languageCode"
                type="com.googry.googrybaserecyclerview.LanguageCode"/>
    </data>

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:orientation="horizontal">


        <TextView
                android:id="@+id/tvCode"
                android:layout_width="120dp"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="@{languageCode.code}"
                android:textSize="20sp"
                tools:text="ko"/>


        <TextView
                android:id="@+id/tvLanguage"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="@{languageCode.language}"
                android:textSize="20sp"
                tools:text="한국어"/>


    </LinearLayout>
</layout>

class Step2Activity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.step2_activity)
        val adapter = object : BaseRecyclerView.Adapter<LanguageCode, LanguageCodeItemBinding>(
            layoutResId = R.layout.language_code_item,
            bindingVariableId = BR.languageCode
        ) {}
        adapter.replaceAll(getLanguageCodeList())
        rvContent.adapter = adapter
    }

}

Activity에서 RecyclerView에 adapter를 set 할 때는 위와 같이만 처리해주면 됩니다.

이렇게 하면 매번 단순한 RecyclerView를 만들 때마다 CustomAdapter를 따로 만들지 않아도 되는 장점이 있습니다.

그리고 저는 DataBinding과 MVVM구조를 사용해서 프로젝트를 만드는데 그 부분에 대한 코드는 아래와 같습니다.

Activity

class Step3Activity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = DataBindingUtil.setContentView<Step3ActivityBinding>(this, R.layout.step3_activity)
        binding.run {
            setLifecycleOwner(this@Step3Activity)
            vm = ViewModelProviders.of(this@Step3Activity)[LanguageCodeViewModel::class.java]
            rvContent.adapter = object : BaseRecyclerView.Adapter<LanguageCode, LanguageCodeItemBinding>(
                layoutResId = R.layout.language_code_item,
                bindingVariableId = BR.languageCode
            ) {}
        }
    }

}

Activity는

1. binding 객체 생성

2. binding 객체에 LifecycleOwner 전달

3. layout.xml에 선언한 ViewModel 전달

4. adapter 셋팅

View(layout)

<layout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

        <variable
                name="vm"
                type="com.googry.googrybaserecyclerview.step3.LanguageCodeViewModel"/>

    </data>

    <android.support.v7.widget.RecyclerView
            android:id="@+id/rvContent"
            replaceAll="@{vm.liveLanguageCodeList}"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:layoutManager="android.support.v7.widget.LinearLayoutManager"/>
</layout>

layout에서는 activity에서 전달 받은 ViewModel을 variable로 가지고 있고

ViewModel에 있는 data를 RecyclerView의 BindingAdapter로 선언한 replaceAll에 전달합니다.

ViewModel

class LanguageCodeViewModel : ViewModel() {

    val liveLanguageCodeList = MutableLiveData<List<LanguageCode>>()

    init {
        liveLanguageCodeList.postValue(getLanguageCodeList())
    }

}

ViewModel에는 data를 LiveData에 감싸서 가지고 있습니다.

RecyclerViewExt

@BindingAdapter("replaceAll")
fun RecyclerView.replaceAll(list: List<Any>?) {
    (this.adapter as? BaseRecyclerView.Adapter<Any, *>)?.run {
        replaceAll(list)
        notifyDataSetChanged()
    }
}

replaceAll함수는 List<Any>? 타입으로 list를 받고 RecyclerView의 adapter를 safe type cast를 하여 BaseRecyclerView.Adapter에 list를 전달하고 notifyDataSetChanged()를 호출합니다.

데이터의 흐름으로 보면 ViewModel -> layout.xml -> BindingAdapter -> BaseRecyclerView.Adapter.replaceAll() 입니다.

예제 프로젝트는 아래 링크에서 확인 할 수 있습니다.

https://github.com/sjjeong/GoogryBaseRecyclerView

아래의 링크를 참고하여 만들었습니다.

https://thdev.tech/android/2018/01/31/Recycler-Adapter-Distinguish/

https://github.com/googlesamples/android-architecture/tree/todo-mvvm-databinding

의견이 있거나 문의점이 있다면 댓글로 남겨주시거나 카카오톡ID googry로 톡주세요.

2018-11-25 안드로이드 컨퍼런스 at 마루180 역삼

sjjeong1225 — Wed, 5 Dec 2018 22:01:11 +0900

권태환

정석준

정석준_나의 안드로이드 프로젝트.pdf

제꺼는 SpeckerDeck과 SlideShare에 업로드 되지 않아서 파일로 올려요

박미륵

Kotlin puzzler from MireukPark

박상권

헤이딜러에서는 어떻게 일하나요?

오민식

오민식님 발표자료는 따로 공유되지 않았어요

노현석

당신의 안드로이드는 안녕하신가요?

- 우리는 항상 궁금했습니다.

- '지금 이 안드로이드 구조가 맞을까?', '코틀린..해야하나?', 'MVP인가 MVVM인가?'

- 안드로이드 개발자들이 본인들의 이야기를 공유하는 시간을 갖습니다.

- 주니어 개발자부터 시니어 개발자까지 다양한 경험과 분야의 개발자들이 이야기합니다.

이 행사는 강의가 아닙니다

- 이 행사는 각 발표자분들의 안드로이드 이야기와 경험담을 공유하고 개발자 여러분 모두가 함께하는 행사입니다.

- ‘그래서 어쩌라고?’ 라는 생각이 드는 발표가 있을수도 있습니다. 하지만 꼭 잘하는사람, 유명한사람, 연차가 높은사람의 이야기가 정답은 아닙니다.

- 다양한 개발자들의 이야기를 듣고 간접경험 해보면서 본인만의 안드로이드 개발세계를 정리해보는 기회를 갖게 되실겁니다.

- 평소에 궁금했던 해당 안드로이드 개발분야에 대해서 알게되고 또한 묻고 답할 수 있습니다.

이런분들이 오시면 많은 도움이 됩니다.

- 자신의 커리어에 대해서 고민이 있으신 분

- 취업,이직,창업을 준비중이신 분

- 다른 분야,회사,환경에서는 어떻게 개발하고 있는지 궁금하신 분

- 안드로이드 개발자는 아니지만 안드로이드 개발자에 대해서 이해하고 싶은 다른 플랫폼 개발자, 기획자, 디자이너, 회사 대표님

여러분의 이야기를 들려주세요

~~- 10분간의 짧은 시간동안 여러분의 이야기를 들려주실 라이트닝 토크 발표자를 모집합니다.~~

~~- 거창한 이야기가 아니어도 좋습니다. 실패담, 삽질기는 더 환영합니다.~~

~~- 라이트닝 토크 발표자분은 당연히 참가비가 면제됩니다.~~

~~- 10분발표 신청: https://open.kakao.com/o/sZADYd2~~

라이트닝 토크 발표자 신청은 마감되었습니다.

1. 시간 및 장소

- 시간: 2018년 11월 25일(일요일) 13:00 ~ 18:40

- 장소: 마루180 지하1층 이벤트홀 (지도보기)

: 서울특별시 강남구 역삼로 180 (역삼역 도보 10분)

2. 발표자 소개

안드로이드 AAC-ViewModel 자세히 살펴보기

- 안드로이드 AAC-ViewModel을 상세하게 살펴보고, 코틀린에서 간단하게 inject하기 위한 방법들을 살펴봅니다.

권태환

현) RPG코리아 '요기요' 안드로이드 개발자

- 6년차 안드로이드 개발자로 GDG Seoul 운영진

- 2년전부터 코틀린 학습 및 실 프로젝트에 적용하여 사용중

- '꿈 많은 개발자가 되자!' 블로그를 통해 안드로이드 개발에 관련한 다양한 글 업로드중

나의 안드로이드 프로젝트 구조

- 작년 5월부터 안드로이드 개발자로 일하면서 안드로이드 프로젝트 구조에 대해 고민해왔던 경험에 관해 이야기 합니다.

정석준

- 현) 코인원 안드로이드 개발자

- 안드로이드 개발 2년차

- 코인헬퍼(코인 가격 간편 보기 앱) 개발

Kotlin puzzler

- 코틀린 퀴즈들을 통해서 문법에 조금 더 익숙해지기

박미륵

현) 레이니스트 '뱅크샐러드' 안드로이드 개발자

- 안드로이드 개발 5년차

- 컨퍼런스에서 세션듣기를 좋아하고 함수형 프로그래밍과 테스팅에 관심을 가지고 있습니다.

헤이딜러에서는 어떻게 일하나요?

- 헤이딜러 서비스를 운영중인 PRND컴퍼니에서 피쳐가 시작되서 끝나는 과정에 대해서 이야기 합니다.

- 기획 -> 디자인 -> 개발 -> 리뷰 -> QA -> 배포 -> 테스트 의 프로세스에 대해 이야기 합니다.

박상권

현) PRND컴퍼니 안드로이드 개발팀장

- 안드로이드 개발 8년차

- 대기업, 증권회사, 스타트업 근무

- 중고폰 관련 서비스 '셀폰' 창업 경험

- 개발자대회 및 창업대회 다수 수상

- 박상권의 삽질블로그 운영(https://gun0912.tistory.com)

- 30개이상의 개인앱 출시 및 운영

Kotlin, AAC 및 RxJava2와 함께한 신규 어플리케이션 개발기

- 큰 팀에서 열심히 일하던 개발자가, 혼자서 밑바닥 부터 개발을 하겠다고 팀을 뛰쳐 나왔습니다.

- 마치 망망대해에 던져진 느낌입니다. 어떻게 해야 혼자서 유지 보수가 가능한 꿈만 같은 코드를 짤 수 있을까요?

- 반복 작업에 질린 개발자가 깨끗한 코드를 목표로 신기술을 적용해가는 과정을 다룹니다.

오민식

현) 하이퍼커넥트 안드로이드 개발자

- 신사업 안드로이드 1인 개발

- 자칭 코틀린 덕후

- 밑바닥 부터 만들며 고통 받기를 즐김

Android + DI + Koin = Easy?!

- Android 개발시 DI 적용은 하고 싶은데 Dagger는 진입 장벽이 높아서 고민하고 계시지 않으신가요?

- 좀 더 쉽게 DI 적용이 가능한 KOIN을 알려드립니다. 본 발표에서는 Library 소개 및 사용한 경험에 대해서 이야기 합니다.

노현석

현) 야놀자 안드로이드 개발자

- GDG Korea Android Organizer

- 활동명: 프루(Pluu)

3. 행사 시간표

시간	발표자	제목	설명
13:00 ~ 13:30 (30분)	권태환	안드로이드 AAC-ViewModel 자세히 살펴보기	- 안드로이드 AAC-ViewModel을 상세하게 살펴보고, 코틀린에서 간단하게 inject하기 위한 방법들을 살펴봅니다.
휴식시간(10분)
13:40 ~ 14:00 (20분)	정석준	나의 안드로이드 프로젝트 구조	- 작년 5월부터 안드로이드 개발자로 일하면서 안드로이드 프로젝트 구조에 대해 고민해왔던 경험에 관해 이야기 합니다.
휴식시간(10분)
14:10 ~ 14:40 (30분)	박미륵	Kotlin puzzler	- 코틀린 퀴즈들을 통해서 문법에 조금 더 익숙해지기 - https://www.slideshare.net/MireukPark/kotlin-puzzler
휴식시간(10분)
14:50 ~ 15:10 (20분)	-	발표자 Q&A	- 발표자분들에게 궁금한점을 남겨주시면 답변해드립니다. - http://slido.com, 코드: ted1
휴식시간(10분)
15:20 ~ 15:50 (30분)	박상권	헤이딜러에서는 어떻게 일하나요?	- 헤이딜러 서비스를 운영중인 PRND컴퍼니에서 피쳐가 시작되서 끝나는 과정에 대해서 이야기 합니다. - 기획 -> 디자인 -> 개발 -> 리뷰 -> QA -> 배포 -> 테스트 의 프로세스에 대해 이야기 합니다.
휴식시간(10분)
16:00 ~ 16:30 (30분)	오민식	Kotlin, AAC 및 RxJava2와 함께한 신규 어플리케이션 개발기	- 큰 팀에서 열심히 일하던 개발자가, 혼자서 밑바닥 부터 개발을 하겠다고 팀을 뛰쳐 나왔습니다. - 마치 망망대해에 던져진 느낌입니다. 어떻게 해야 혼자서 유지 보수가 가능한 꿈만 같은 코드를 짤 수 있을까요? - 반복 작업에 질린 개발자가 깨끗한 코드를 목표로 신기술을 적용해가는 과정을 다룹니다.
휴식시간(10분)
16:40 ~ 17:10 (30분)	노현석	Android + DI + Koin = Easy?!	- Android 개발시 DI 적용은 하고 싶은데 Dagger는 진입 장벽이 높아서 고민하고 계시지 않으신가요? - 좀 더 쉽게 DI 적용이 가능한 KOIN을 알려드립니다. 본 발표에서는 Library 소개 및 사용한 경험에 대해서 이야기 합니다.
휴식시간(10분)
17:20 ~ 18:00 (40분)	-	라이트닝 토크	1. 나윤호: 머테리얼 디자인 2.0 적용해보기 - 지난 5월에 발표된 구글 머테리얼 디자인 2.0을 간단하게 알아보고, 이를 개인 프로젝트에 적용했던 경험을 공유합니다. 2. 최예찬: Android 개발자가 왜 거기서 나와...? - 개발에 입문하고 4년간 안드로이드 외 다양한 분야들을 오고가며 공부한 경험, 그 안에서 느꼈던 장점과 시각을 공유드리고자 합니다. 3. 백수사랑: 텍스트에 스타일 끼얹기 Part1 - 마크업 태그와 Spannable 을 활용하여 안드로이드의 여러 뷰 컴포넌트내에 HTML 스타일의 시각적 효과를 적용할 수 있는 방법을 공유해보려고 합니다. 4. 윤정현: 스타트업 에서 주니어 개발자 혼자 하나의 서비스를 책임지는 방법 - 주니어 개발자가 스타트업에서 일하면서 쉽게 겪어보지 못한 경험에 대해 얘기합니다.
휴식시간(10분)
18:10 ~ 18:30 (20분)	-	발표자 Q&A	- 발표자분들에게 궁금한점을 남겨주시면 답변해드립니다. - http://slido.com, 코드: ted2

제 발표는 아래와 같은 피드백이 있었어요.

#좋았던점

적용하는 방법에 대한 예시를 들어 설명해 주셔서 많은 도움이 되었습니다

recyclerview의 반복되는 함수를 base로 만든 경험을 잘 들었습니다.

본인의 경험을 살려 재미있게 설명을 잘 해주셨고 개인적으로 원하는 내용이여서 만족스럽습니다

발표가 귀에 쏙쏙 편하게 들림

Adapter 클래스를 예로 들어 모듈화 처리하는 내용이 흥미로웠습니다.

자신의 힘들었던 내용의 고민

타인의 고민을 통해 배움

프로젝트를 진행할때 어떠한구조로 진행되야하는지 알아서 좋았습니다

개인 경험의 공유 중심

지금 고민하는 것과 비슷했다

안드로이드 구조 변화에 대한 내용을 들어서 좋았습니다.

한 번쯤 고민할만한 공감되는 이야기라서 좋았습니다.

MVP, MVVM 패턴을 모두 겪으면서 각각의 장단점을 잘 설명해주셔서 좋았습니다. 현재 MVP로 개발하고 있는 저로써는 차후 MVVM으로의 전환 또한 생각하게 된 계기가 되었습니다.

다른 곳에서 보지 못했던 유용한 예제

저 또한 주니어 개발자로서 안드로이드 처음 메인을 맡으면서 겪고 있는 비슷한 이야기들을 공유해 주셔서 좋았습니다.

안드로이드 아키텍처 입문자의 시선으로 구조를 변경하게 된 계기나 내용 구성이 알아듣기 쉽고 공감이 많이 되었습니다. 향후 개발을 함에 있어서 많은 도움이 될 것 같습니다. 재미있게 잘 들었습니다.

기본을 잘 설명해줘서 좋았습니다.

프로젝트 전반적으로 고민했던 부분에 대해서 공감했습니다.

"자신의 사례를 통해서 현업에서는 어떻게 하는지 알 수 있어 좋았다.

특히 리싸이클러뷰는 매우 만족했다."

MVVM + Databinding에 대한 개념과 적용하면서 겪은 내용들을 잘 설명해주심

프로젝트 구조경험을 들어서 좋았습니다.

MVP 페턴을 적용했을때 좋았던 점이랑 문제점을 지적하고 그 해결책으로 MVVM패턴을 적용한 방식이 좋았습니다

#아쉬웠던점

코드가 잘 보이지 않아 아쉬웠습니다.

조금 설명이 부족한 부분이 있어서 아쉬웠습니다

코드로만 접근하는 방식보다는 쉬운 개념정도부터 정리해주시면서 접근해주신다면 더 좋지 않을까 하는 피드백 드려봅니다.

정리가 될던 느낌이다.

"단순 유행하니까? 쓴다 라는 등의 초급자 스피커같았다. 보다 명확한이유. 아키텍처를 통해 이로운점이나 단점도 소개필요 하다고 생각합니다. 또한 BaseAdaper는 저는 매우비효율적이라고 생각합니다. 실무에서 새로운사람이왔을경우 저러한 랩핑 클래스를 익히고 쓰려면 그만큼의 시간이듭니다. 강의에서 소개시켜준 랩핑코드는 필요한코드인지 한번 되새김이 필요해보입니다. 내년에는 좀더 퀄리티있는 스피커가

되시길.. 아키택쳐 패턴을 하면서 테스트코드 짜기 쉽다. 실무에서 쓰는방법등 이런 소개를 개인적으로는 듣고싶네요"

결론을 알 수가 없어서 아쉬웠습니다.

조금 시간이 짧았던게 아쉬웠습니다.

조그만 더 상세하게 해줬으면 했습니다.

MVP, MVVM을 사용한 경험에 대해서는 예전부터 많은 세션들이 있었기에 특별한 인사이트를 경험하진 못했던 것 같아요

(Android) 키보드가 보여질 때 화면 스크롤하기

sjjeong1225 — Tue, 24 Jul 2018 17:11:25 +0900

Activity에서 키보드가 올라오고 화면크기를 변경하기 위해 AndroidManifest.xml에 android:windowSoftInputMode에 adjustResize를 설정해줍니다.

위에 화면처럼 EditText를 선택하고 키보드가 올라오면 아래 로그인 버튼이 보이지 않아 사용자가 스크롤 해야 하는 문제가 있습니다.

~~(스크롤 하기 완전 귀찮아..)~~

이번 포스팅에서는 키보드가 보여질 때 화면을 키보드 크기 만큼 위로 스크롤 하는 방법에 대해 설명하고자 합니다.

andorid softkeyboard height라는 키워드로 구글링을 하던 중에 Keyboard Handling on Android 글을 보고 키보드가 보이고 사라지는 이벤트를 만들었습니다.

제가 예제로 만든 앱의 layout은 아래와 같습니다.

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/sv_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:paddingBottom="20dp">


        <ImageView
            android:layout_width="240dp"
            android:layout_height="240dp"
            android:layout_marginTop="40dp"
            android:src="@mipmap/ic_launcher" />

        <EditText
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:hint="@string/hint_id"
            android:inputType="text"
            android:lines="1"
            android:textSize="24sp" />

        <EditText
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:hint="@string/hint_password"
            android:inputType="textPassword"
            android:lines="1"
            android:textSize="24sp" />

        <Button
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:text="@string/login" />

        <LinearLayout
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:paddingEnd="8dp"
            android:paddingStart="8dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/sign_up" />

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/forgot_your_password" />
        </LinearLayout>
    </LinearLayout>

</ScrollView>

키보드가 보여질 때 화면을 스크롤 하기 위해서 최상단에는 ScrollView를 추가했습니다.

저는 KeyboardVisibilityUtils라는 클래스를 만들고 Activity에서 가져다 사용 했습니다.

import android.graphics.Rect
import android.view.ViewTreeObserver
import android.view.Window

class KeyboardVisibilityUtils(
        private val window: Window,
        private val onShowKeyboard: ((keyboardHeight: Int) -> Unit)? = null,
        private val onHideKeyboard: (() -> Unit)? = null
) {

    private val MIN_KEYBOARD_HEIGHT_PX = 150

    private val windowVisibleDisplayFrame = Rect()
    private var lastVisibleDecorViewHeight: Int = 0


    private val onGlobalLayoutListener = ViewTreeObserver.OnGlobalLayoutListener {
        window.decorView.getWindowVisibleDisplayFrame(windowVisibleDisplayFrame)
        val visibleDecorViewHeight = windowVisibleDisplayFrame.height()

        // Decide whether keyboard is visible from changing decor view height.
        if (lastVisibleDecorViewHeight != 0) {
            if (lastVisibleDecorViewHeight > visibleDecorViewHeight + MIN_KEYBOARD_HEIGHT_PX) {
                // Calculate current keyboard height (this includes also navigation bar height when in fullscreen mode).
                val currentKeyboardHeight = window.decorView.height - windowVisibleDisplayFrame.bottom
                // Notify listener about keyboard being shown.
                onShowKeyboard?.invoke(currentKeyboardHeight)
            } else if (lastVisibleDecorViewHeight + MIN_KEYBOARD_HEIGHT_PX < visibleDecorViewHeight) {
                // Notify listener about keyboard being hidden.
                onHideKeyboard?.invoke()
            }
        }
        // Save current decor view height for the next call.
        lastVisibleDecorViewHeight = visibleDecorViewHeight
    }

    init {
        window.decorView.viewTreeObserver.addOnGlobalLayoutListener(onGlobalLayoutListener)
    }

    fun detachKeyboardListeners() {
        window.decorView.viewTreeObserver.removeOnGlobalLayoutListener(onGlobalLayoutListener)
    }
}

visibleDecorViewHeight는 현재 화면의 height 값입니다.

만약 키보드가 올라와 있는 상태라면 visibleDecorViewHeight는 키보드가 올라오기 전 height보다 작습니다.

if (lastVisibleDecorViewHeight > visibleDecorViewHeight + MIN_KEYBOARD_HEIGHT_PX) {
    // Calculate current keyboard height (this includes also navigation bar height when in fullscreen mode).
    val currentKeyboardHeight = window.decorView.height - windowVisibleDisplayFrame.bottom
    // Notify listener about keyboard being shown.
    onShowKeyboard?.invoke(currentKeyboardHeight)
} else if (lastVisibleDecorViewHeight + MIN_KEYBOARD_HEIGHT_PX < visibleDecorViewHeight) {
    // Notify listener about keyboard being hidden.
    onHideKeyboard?.invoke()
}

이전에 보여준 화면 height가 현재 화면 height + 최소 키보드 크기 값 보다 크면 키보드가 올라온 것으로 보고 키보드가 보였다는 이벤트를 전달하고

이전에 보여준 화면 height + 최소 키보드 크기 값이 현재 화면 height 보다 작으면 키보드가 내려간 것으로 보고 키보드가 사라졌다는 이벤트를 전달 합니다.

그리고 MainActivity는 아래처럼 작성했습니다.

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*


class MainActivity : AppCompatActivity() {

    private lateinit var keyboardVisibilityUtils: KeyboardVisibilityUtils

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        keyboardVisibilityUtils = KeyboardVisibilityUtils(window,
                onShowKeyboard = { keyboardHeight ->
                    sv_root.run {
                        smoothScrollTo(scrollX, scrollY + keyboardHeight)
                    }
                })
    }

    override fun onDestroy() {
        keyboardVisibilityUtils.detachKeyboardListeners()
        super.onDestroy()
    }

onCreate에서 KeyboardVisibilityUtils클래스를 만들 때 인자로 window를 전달하고 onShowKeyboard(키보드가 보여질 때 해당 코드가 호출)를 통해 키보드가 보여지는 이벤트를 받아서 ScrollView를 keyboardHeight만큼 스크롤 하고 있습니다.

이제 EditText를 선택하면 자동으로 화면이 위로 스크롤 됩니다.

출처: https://pspdfkit.com/blog/2016/keyboard-handling-on-android/

android keyboard handling

android keyboard scroll up

android keyboard event

(Android) DataBinding Two Way Binding

sjjeong1225 — Tue, 24 Oct 2017 23:06:36 +0900

이 글은 MVP 패턴과 DataBinding 라이브러리를 모르면 이해하기 힘든 글입니다.

Android에서 DataBinding은 ButterKnife, KotlinExtension과 같이 편리하고 유용하게 사용할 수 있는 Library 입니다.

저는 MVP+DataBinding 구조로 개인프로젝트를 진행하고 있습니다.

~~(실제로 이 방식은 deprecated 된 방식입니다.)~~

이렇게 MVP와 DataBinding을 사용하게 되면 View에 Click Listener를 등록한 다음 Presenter의 함수를 호출하지 않고 바로 xml에서 Presenter의 함수를 호출하는 효과를 볼 수 있습니다.

~~(내부적으로는 앞에 이야기 한 방식으로 하고 있습니다.)~~

하지만 layout에 EditText가 있고 값을 가져와서 저장해야 할 때 저는 Presenter가 아닌 View의 함수를 호출해서 사용했습니다.(ㅠㅠ)

그래서 억지로 억지로 사용하다가 오늘 Two Way Binding에 대해 알게 되었습니다.

그럼 이제 예를 통해 오늘의 주제인 DataBinding Two Way Binding에 대해 알아보겠습니다.

이번 글에서 예제로 사용할 화면입니다.

왼쪽 화면처럼 이름, 이메일, 폰번호를 입력하고 저장 버튼을 누르면 오른쪽 화면처럼 요약을 보여주려고 합니다.

먼저 Two Way Binding을 모른다고 가정하고 진행해보겠습니다.

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

        <variable
            name="view"
            type="com.googry.googrydatabindingtwowaybinding.ui.unknown.UnknownContract.View"/>

        <variable
            name="user"
            type="com.googry.googrydatabindingtwowaybinding.data.User"/>

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="16dp">

        <EditText
            android:id="@+id/et_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/name"
            android:text="@{user.name}"/>

        <EditText
            android:id="@+id/et_email"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/email"
            android:text="@{user.email}"/>

        <EditText
            android:id="@+id/et_phone"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/phone"
            android:text="@{user.phone}"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{() -> view.onSaveClick()}"
            android:text="@string/save"/>

    </LinearLayout>
</layout>

layout 입니다.

User를 받아와서 각 EditText에 값을 넣어줍니다.

UnknownContract.View를 받아와서 onClick 이벤트를 받아줍니다.

public interface UnknownContract {
    interface Presenter extends BasePresenter {
        void save(String name, String email, String phone);
    }

    interface View extends BaseView<Presenter> {
        void setUser(User user);

        void showSaveResult(User user);

        void onSaveClick();
    }

}

UnknownContract 입니다.

Presenter는 name, email, phone을 입력받는 save()를 선언합니다.

View는 setUser(), showSaveResult()와 버튼 클릭 이벤트를 받는 onSaveClick()을 선언합니다.

@Override
public void onSaveClick() {
    mPresenter.save(
            mBinding.etName.getText().toString(),
            mBinding.etEmail.getText().toString(),
            mBinding.etPhone.getText().toString()
    );
}

UnknownFragment안에 onSaveClick()를 구현했습니다.

이 부분에서 EditText의 내용을 가져와 Presenter에 save()함수를 통해 전달해 줍니다.

@Override
public void save(String name, String email, String phone) {
    mUser.name = name;
    mUser.email = email;
    mUser.phone = phone;

    mUserDataSource.saveUser(mUser);
    mView.showSaveResult(mUser);
}

UnknownPresenter안에 save()를 구현했습니다.

내부적으로 mUser에 값을 넣어주고 UserDataSource에 User를 저장하고 View에 결과를 보여주라고 showSaveResult()함수를 호출 합니다.

@Override
public void showSaveResult(User user) {
    new AlertDialog.Builder(getContext())
            .setMessage(user.toString())
            .show();
}

그리고 UnknownFragment에서 AlertDialog를 통해 결과를 보여주게 됩니다.

이렇게 순서가 xml -> View.onSaveClick() -> Presenter.save() -> View.showSaveResult() 입니다.

하지만 버튼 클릭을 했을 때 각 EditText내용의 값을 가져오면서 View의 함수를 호출하는 것이 아닌 바로 Presenter의 함수를 호출 할 수 있을까요?

다르게 말하자면 View.onSaveClick()을 호출하지 않고 xml -> Presetner.save() -> View.showSaveResult()를 할 수 있을까요?

네, 바로 Two Way Binding을 하게 되면 할 수 있습니다.

그럼 이제 Two Way Binding을 하는 방법에 대해 알아보겠습니다.

private User mUser;

@Override
public void start() {
    mView.setUser(mUser);
}

Presenter안에 User가 있고 View에 User객체를 전달해줍니다.

그리고 Contract.View에 있는 setUser()라는 함수의 구현부분은 이렇게 생겼습니다.

@Override
public void setUser(User user) {
    mBinding.setUser(user);
}

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

        <variable
            name="presenter"
            type="com.googry.googrydatabindingtwowaybinding.ui.known.KnownContract.Presenter"/>

        <variable
            name="user"
            type="com.googry.googrydatabindingtwowaybinding.data.User"/>

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="16dp">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/name"
            android:text="@={user.name}"/>

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/email"
            android:text="@={user.email}"/>

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/phone"
            android:text="@={user.phone}"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="@{() -> presenter.save()}"
            android:text="@string/save"/>

    </LinearLayout>
</layout>

저렇게 binding에 넣어준 User를 @{}가 아닌 @={}로 각 EditText에 binding 하면 됩니다.

이렇게 했을 경우 EditText에서 text가 변경 될 때 마다 User안에 값을 변경하게 됩니다.

User객체는 Presenter에서 관리하고 있기 때문에 그럼 각 EditText에서 값을 가져와 Presenter에 전달해줄 필요가 없게 됩니다.

그래서 바로 버튼에 onClick에서 presenter.save()를 호출 할 수 있게 되는 것입니다.

이렇게 Two Way Binding을 사용하게 되면 바로 Presenter의 함수를 호출하여 함수 호출의 depth가 낮아지게 되는 효과를 볼 수 있습니다.

예제 코드는 https://github.com/sjjeong/GoogryDataBindingTwoWay 에서 확인하실 수 있습니다.

(DB) Sql문의 기본 CRUD 및 결합

sjjeong1225 — Sun, 15 Oct 2017 15:43:08 +0900

이번 포스팅에서는 Mysql에서 Sql문을 사용해서 데이터를 CRUD하는 방법에 대해 알아보려고 합니다.

일단 CRUD는 Create(생성), Read(읽기), Update(갱신), Delete(삭제)의 앞글자만 따서 CRUD라고 부릅니다.

먼저 읽기에 대해 알아보겠습니다.

여기서 사용할 샘플 데이터는 http://futurists.tistory.com/19를 참고했습니다.

sql에서 읽기는 SELECT명령어를 사용합니다.

문법은 SELECT 열명 FROM 테이블명; 입니다.

열명에 *를 넣게 되면 테이블에서 전체 열을 가져올 수 있고 ,를 사용하게 되면 복수의 열을 가져 올 수 있습니다.

하지만 이렇게 사용하면 테이블에 있는 모든 데이터를 가져오게 되는데 특정 조건에 해당하는 데이터만 가져오기 위해서 WHERE을 추가해 줘야합니다.

문법은 SELECT 열명 FROM 테이블명 WHERE 조건; 입니다.

여기서 조건에 들어가는 비교연산자는 다음과 같습니다.

= 같다

<> 같지않다

>= 크거나 같다

> 크다

<= 작거나 같다

< 작다

SELECT * FROM employees WHERE gender = 'M';

이렇게 명령어를 작성하면 employees 테이블에서 gender가 M인 데이터를 전부 가져오는 것입니다.

특정 조건에 해당하는 데이터만 가져올 수 있게 됩니다.

SELECT * FROM employees WHERE gender = 'M' AND hire_date > '1999-01-01';

이렇게 명령어를 작성하면 employees 테이블에서 gender가 M이며 hire_date가 1991-01-01이상인 데이터만 가져오게 됩니다.

조건에 AND나 OR를 사용하면 여러개의 조건을 붙일 수 있습니다.

데이터를 읽어오면서 정렬을 하기 위해선 ORDER BY 명령어를 추가해주면 됩니다.

SELECT * FROM employees WHERE gender = 'M' AND hire_date > '1999-01-01' ORDER BY hire_date DESC;

데이터를 가져오면서 hire_date를 내림차순으로 가져오게 됩니다.

그럼 가장 처음데이터가 최신이고 마지막데이터는 마지막이 되는 것입니다.

다음은 테이블을 요약하는 함수입니다.

count, sum, avg는 복수개의 값들의 개수, 합, 평균을 계산하는 함수이고

max, min은 복수개의 값중에 최대값과 최소값을 구하는 함수입니다.

SELECT avg(salary) FROM salaries;

salaries테이블의 salary의 평균을 구하는 명령어 입니다.

SELECT max(salary) FROM salaries;

salaries테이블의 salary의 최대값을 구하는 명령어 입니다.

데이터를 그룹화 해서 가져오기 위해서 GROUP BY 명령어를 사용합니다.

SELECT dept_no, count(*) FROM dept_manager GROUP BY dept_no;

dept_no와 count(*)를 dept_manager에서 가져오고 dept_no로 그룹화해서 보여주는 것입니다.

그리고 GROUP BY에서 조건을 걸고 싶다면 HAVING 명령어를 사용합니다.

SELECT dept_no, count(*) FROM dept_manager GROUP BY dept_no HAVING count(*) = 4;

그리고 SELECT 명령어를 사용 할 때 1. SELECT 2. FROM 3. WHERE 4. GROUP BY 5. HAVING 6. ORDER BY 순서대로 써야합니다.

이제 생성(CREATE)를 하는 INSERT 명령어에 대해 알아보겠습니다.

INSERT의 기본 구조는 INSERT INTO 테이블명 VALUES 데이터; 입니다.

우선 DESC dempartments;로 테이블의 형태를 보겠습니다.

dept_no는 char(4)타입이며 primary key입니다.

dept_name은 varchar(40)타입입니다.

SELECT * FROM departments ORDER BY dept_no;로 값들을 확인합니다.

그럼 이제 dept_no가 d010이고 dept_name이 Mobile App인 값을 넣어보겠습니다.

INSERT INTO departments VALUES ('d010', 'Mobile App');

데이터 생성에 성공했습니다.

SELECT * FROM departments ORDER BY dept_no;로 확인해보면

d010에 Mobile App이 추가된 것을 확인 할 수 있습니다.

한번에 복수개를 넣고 싶다면 INSERT INTO departments VALUES (), (), (), ... (); 로 작성하면 됩니다.

이제 데이터를 변경하는 UPDATE에 대해 알아보겠습니다.

UPDATE의 기본 구조는 UPDATE 테이블명 SET 열명 = 값; 입니다.

UPDATE에도 WHERE을 사용해 특정 조건에 해당하는 값만 갱신 할 수 있습니다.

그럼 우리는 d010의 dept_name을 Mobile App에서 Mobile Development로 변경하겠습니다.

UPDATE departments SET dept_name = 'Mobile Deveopment' WHERE dept_no = 'd010';

데이터 변경에 성공했습니다.

SELECT * FROM departments ORDER BY dept_no;로 확인해보겠습니다.

d010의 dept_name이 Mobile App에서 Mobile Development로 변경된 것을 확인 할 수 있습니다.

이제 데이터를 지워보겠습니다.

제거 명령어는 DELETE이고 기본구조는 DELETE FROM 테이블명; 입니다.

저렇게하면 테이블의 모든 데이터가 다 지워지게 됩니다.

그래서 WHERE를 추가해 원하는 조건의 데이터만 지우게 해야 합니다.

그럼 아까 추가한 d010의 데이터를 지워보겠습니다.

DELETE FROM departments WHERE dept_no = 'd010';

데이터 삭제에 성공했습니다.

SELECT * FROM departments ORDER BY dept_no;로 확인해보겠습니다.

데이터가 지워진 것을 확인 할 수 있습니다.

이 다음은 결합에 대해 알아보겠습니다.

결합은 두개이상의 테이블에서 값을 동시에 가져올 때 사용합니다.

그리고 결합에는 내부결합과 외부결합 2가지가 있습니다.

내부결합은 INNER JOIN 테이블명 ON 조건으로 가져옵니다.

예제는 dept_manager 테이블에 departments테이블의 dept_name을 붙여서 가져오는 것을 해보겠습니다.

SELECT dept_manager.*, departments.dept_name FROM dept_manager INNER JOIN departments ON dept_manager.dept_no = departments.dept_no;

INNER JOIN은 FROM에 있는 테이블에 있고 ON뒤에 조건에 만족하는 값들만 가져오게 됩니다.

OUTTER JOIN을 쓰게 되면 FROM에 있는 테이블은 모두 가져오고 OUTER JOIN에 있는 테이블의 값만 추출해서 넣게 됩니다.

기본 형태는 SELECT 열명 FROM 왼쪽테이블 LEFT OUTTER JOIN 오른쪽테이블 ON 조건; 입니다.

이렇게 하면 왼쪽 테이블에 있고 오른쪽 테이블에 없는 것들은 NULL로 들어가게 됩니다.

(Swift) 스위프트 연산자(Operator) 기초

sjjeong1225 — Mon, 9 Oct 2017 15:23:44 +0900

저번 포스팅에서 다뤘던 스위프트의 속성을 사용해서 다양한 연산자(Operator)를 처리하는 방법에 대해 설명하고자 합니다.

연산자를 사용하면 값을 합치고, 변경하고, 검사 할 수 있습니다.

예를 들면 1 + 2처럼 +라는 연산자를 사용할 수 있고 &&를 사용해 Bool 값을 연산할 수 있습니다.

연산자는 단항, 이항, 삼항으로 분류 할 수 있습니다.

단항은 single target(-a), prefix operator(!b), postfix operator(c!)와 같은 것이 있습니다.

이항은 two targets(2 + 3)와 같은 것이 있습니다.

삼항은 three targets(a ? b : c)와 같은 것이 있습니다.

연산자에 영향을 주는 Value를 operand라고 부릅니다.

1 + 2에서 +는 binary operator이며 1과 2는 operand라고 말할 수 있습니다.

Assignment Operator

할당 연산자는 값을 초기화하거나 갱신하는 역할을 합니다.

let b = 10

var a = 5

a = b

// a is now equal to 10

Arithmetic Operators

스위프트는 4개의 Arithmetic Operator를 제공합니다.

- Addition +

- Subtraction -

- Multiplication *

- Division /

1 + 2 // equals 3

5 - 3 // equals 2

2 * 3 // equals 6

10.0 / 2.5 // equals 4.0

그리고 Addition Operator는 String를 합칠때 사용 할 수 있습니다.

var helloworld = "hello, " + "world" // equals "hello, world"

Remainder Operator

나머지 연산자는 %를 사용하고 left value를 right value로 나누고 남은 나머지를 반환합니다.

9 % 4 // equals 1

Compound Assignment Operator

합성 할당 연산자는 Assignment와 이항연산자를 합친 연산자입니다.

var a = 1

a += 2

// a is now equal to 3

a += 2는 실제로 a = a + 2로 볼 수 있습니다.

Comparison Operators

비교 연산자는 6개가 있습니다.

- Equal to ==

- Not equal to !=

- Greater than >

- Less than <

- Greater than or equal to >=

- Less than or equal to <=

1 == 1 // true because 1 is equal to 1

2 != 1 // true because 2 is not equal to 1

2 > 1 // true because 2 is greater than 1

1 < 2 // true because 1 is less than 2

1 >= 1 // true because 1 is greater than or equal to 1

2 <= 1 // false because 2 is not less than or equal to 1

Ternary Conditional Operator

삼항 연산자는 if..else와 비슷합니다.

form은 question ? answer1 : answer2 의 형태입니다.

question이 true이면 answer1을, false이면 answer2를 반환합니다.

let contentHeight = 40

let hasHeader = true

let rowHeight = contentHeight + (hasHeader ? 50 : 20)

// rowHeight is equal to 90

Nil-Coalescing Operator

nil 결합 연산자는 Optional value가 값을 가지고 있는지 확인해서 값을 리턴하는 연산자 입니다.

a ?? b

a가 nil이 아니면 a를, nil이면 b를 반환합니다.

이 코드는 아래와 같이 나타낼 수 있습니다.

a != nil ? a! : b

Range Operators

범위 연산자는 3가지 종류가 있습니다.

- Closed Range Operator a...b

- Half-Open Range Operator a..<b

- One-Sided Ranges Operator a... / ...b

Logical Operators

논리 연산자는 operand가 Boolean인 것들의 Operator입니다.

- Logical Not !a

- Logical And a && b

- Logical OR a || b

(Swift) 스위프트 속성(Property)기초

sjjeong1225 — Sun, 8 Oct 2017 17:22:45 +0900

스위프트는 정수형 타입인 Int와 실수형 타입인 Double, Float와 참과 거짓을 나타내는 Bool과 문자열을 나타내는 String의 데이터 타입이 있고 Collection 타입인 Array, Set, Dictionary도 제공합니다. 또한 Objective-C에서 제공하던 Tuple도 제공합니다. 그리고 새로 추가된 Optional을 제공합니다. Optional타입은 nil값을 저장 할 수 있습니다.

스위프트에서 데이터는 상수 또는 변수로 나타낼 수 있습니다. 상수는 let 키워드를 사용하고 변수는 var 키워드를 사용합니다.

let maximumNumberOfLoginAttempts = 10

var currentLoginAttempt = 0

이 코드는 아래와 같이 해석 할 수 있습니다.

maximumNumberOfLoginAttempts 상수를 선언 했고 10으로 초기화 했다.

currentLoginAttempt 변수를 선언 했고 0으로 초기화 했다.

그리고 한 줄에 여러개의 변수를 선언함과 동시에 초기화도 같이 할 수 있습니다.

var x = 0.0, y = 0.0, z = 0.0

만약에 우리가 변수를 선언하고 값을 초기화 하지 않으면 어떤 일이 발생할까요?

var x

이렇게 type annotation이 빠졌다고 에러를 보여주게 됩니다.

그럼 Type Annotation이란 무엇일까요?

Type Annotation은 변수나 상수의 이름 뒤에 "이것이 어떤 타입이다"라고 명시적으로 알려주는 것입니다.

var welcomeMessage: String

바로 이렇게 말이죠.

여기서 :은 of type라는 의미를 가지고 있습니다. welcomeMessage는 String type의 var라는 거죠.

Integer(정수)는 소수점이 없는 숫자를 나타낼 수 있습니다.

기본적으로 Int는 32비트 플랫폼에서는 Int32처럼 동작하고 64비트 플랫폼에서는 Int64처럼 동작합니다.

UInt는 unsigned int로 0이상의 자연수를 나타낼 수 있습니다. 다른말로 음수값은 가질 수 없는 거죠.

UInt도 Int와 마찬가지로 32비트, 64비트 플랫폼에 따라 UInt32, UInt64로 동작합니다.

실수는 Double과 Float로 나타낼 수 있습니다.

Double은 64비트 범위를 나타낼 수 있고 Float는 32비트 범위를 나타낼 수 있습니다.

정수는 Literal을 이용하면 2진수, 8진수, 16진수로 나타낼 수 있습니다.

let decimalInteger = 17

let binaryInteger = 0b10001 // 17 in binary notation

let octalInteger = 0o21 // 17 in octal notation

let hexadecimalInteger = 0x11 // 17 in hexadecimal notation

실수도 Literal을 이용해서 만들 수 있습니다.

let literalDecimal1 = 1.25e2 // 125

let literalDecimal2 = 1.25e-2 // 0.0125

let literalDecimal3 = 0xfp0 // 15

let literalDecimal4 = 0xfp2 // 60

let literalDecimal5 = 0xfp-2 // 3.75

e는 10^이고 p는 2^ 입니다.

1번은 1.25 * 10^2

2번은 1.25 * 10^-2

3번은 15 * 2^0

4번은 15 * 2^2

5번은 15 * 2^-2

튜플은 여러개의 값을 그룹화 시킬 수 있습니다.

예를 들어서 HTTP status code인 404는 "Not Found" 입니다.

이것은 (404, "Not Found")라고 튜플형태로 만들 수 있습니다.

let http404Error = (404, "Not Found")

이것을 사용하기 위해서는

let (statusCode, statusMessage) = http404Error

print("The status code is \(statusCode)")

// Prints "The status code is 404"

print("The status message is \(statusMessage)")

// Prints "The status message is Not Found

let (justTheStatusCode, _) = http404Error

print("The status code is \(justTheStatusCode)")

// Prints "The status code is 404

print("The status code is \(http404Error.0)")

// Prints "The status code is 404"

print("The status message is \(http404Error.1)")

// Prints "The status message is Not Found

let http200Status = (statusCode: 200, description: "OK")

print("The status code is \(http200Status.statusCode)")

// Prints "The status code is 200"

print("The status message is \(http200Status.description)")

// Prints "The status message is OK

이런식으로 사용 할 수 있습니다.

튜플을 사용하게 되면 함수에서 여러개의 값을 한번에 리턴 시킬 수 있습니다.

Optional은 C나 Objective-C에서는 없던 개념입니다.

이것은 값의 부재를 나타냅니다. 다른 말로 값이 있던지, 값이 없던지 입니다.

값이 있는 것은 정수형에서는 0이나 19로 나타내는 것이고 값이 없다는 것은 nil로 값을 설정해주는 것입니다.

var serverResponseCode: Int? = 404

// serverResponseCode contains an actual Int value of 404

serverResponseCode = nil

// serverResponseCode now contains no value

Optional은 타입뒤에 ?를 붙여줍니다.

serverResponseCode는 Optional Int타입이며 404 값으로 초기화 되었습니다.

그 다음에 nil로 값을 비워줬습니다.

nil은 Optional 타입이 아닌 변수에 설정 할 수 없습니다.

Optional 타입의 변수에 값을 초기화 해주지 않으면 스위프트는 자동으로 nil값으로 초기화 해줍니다.

(Swift) 스위프트 맛보기

sjjeong1225 — Sat, 7 Oct 2017 21:06:30 +0900

예전에 Objective-C언어를 사용해서 iOS, MacOS위에서 동작하는 앱을 개발했습니다.

그리고 2014년 6월 2일 WWDC를 통해 스위프트가 소개되었고 그 이후로 스위프트를 통해 많은 앱들이 개발 되었습니다.

스위프트를 사용해 개발하기 위해서는 MacOS기반 개발환경이 필요하고 XCode가 설치되어있어야 합니다.

그리고 playground에서 스위프트를 사용해서 코드를 작성하면 결과를 즉시 확인 할 수 있습니다.

이렇게 말이죠.

앞으로의 포스팅에서는 스위프트언어에 대해서 알아보고 아이폰 개발에 대해 알아보겠습니다.

제가 참고하는 자료는 The Swift Programming Language (Swift 4) 입니다.

(Kotlin) Break, Continue

sjjeong1225 — Fri, 6 Oct 2017 02:42:21 +0900

이전 글에서 흐름제어에 대해 알아보았습니다.

이번에는 흐름제어에서 반복문을 좀 더 유연하게 사용할 수 있게 하는 break와 continue에 대해 알아보겠습니다.

먼저 간단하게 개념에 대해 이야기하겠습니다.

break는 멈춘다는 의미로 가장 가까이에 있는 반복문을 멈추고 밖으로 나가는 명령어입니다.

continue는 계속한다는 의미로 반복문의 한 사이클을 중간에 멈추고 다음 사이클을 실행하라는 명령어입니다.

간단한 예로 시작 하겠습니다.

for (i in 1..3) {
    for (j in 1..3) {
        println("${i} * ${j} = ${i * j}")
    }
}

i가 1부터 3까지 반복하면서

j가 1부터 3까지 반복하면서

${i} * ${j} = ${i * j}를 출력하는 코드입니다.

그러면 중간에 변화를 주겠습니다.

for (i in 1..3) {
    for (j in 1..3) {
        if (i * j == 6) {
            break
        }
        println("${i} * ${j} = ${i * j}")
    }
}

2 * 3 = 6

3 * 2 = 6

3 * 3 = 9

이렇게 3개의 결과가 출력되지 않는 것을 확인 할 수 있습니다.

그 이유는 i * j가 6이 되는 시점에 j가 속해있는 for문을 break로 인해 멈추기 밖으로 나가기 때문입니다.

for (i in 1..3) {
    for (j in 1..3) {
        if (i * j == 6) {
            continue
        }
        println("${i} * ${j} = ${i * j}")
    }
}

이번에는 break와는 다르게

3 * 3 = 9

가 출력이 되었습니다.

그 이유는 continue는 반복문 자체를 멈추는 것이 아니라 현재 반복문의 한 사이클을 멈추고 다음 사이클을 실행하기 때문입니다.

그래서 i * j의 값이 6이 되는 부분만 출력하지 않고 나머지 반복문을 계속 진행하는 것입니다.

다음은 java에는 없고 c를 배울 때 사용 했던 goto문과 비슷한 것에 대해 알아보겠습니다.

바로 break와 continue에 label를 붙이는 것입니다.

loop1@ for (i in 1..3) {
    loop2@ for (j in 1..3) {
        if (i * j == 6) {
            continue@loop1
        }
        println("${i} * ${j} = ${i * j}")
    }
}

for앞에 loop1@라는 라벨이 생겼습니다.

continue뒤에 @loop1라는 라벨이 생겼습니다.

결과값은 break문과 동일합니다.

그 이유는 i가 속해있는 for문에 loop1라는 라벨을 넣어주고 continue에서 loop1 라벨을 붙여주었고 그로 인해 loop1으로 점프한 효과를 볼 수 있기 때문입니다.

loop1@ for (i in 1..3) {
    loop2@ for (j in 1..3) {
        if (i * j == 6) {
            break@loop1
        }
        println("${i} * ${j} = ${i * j}")
    }
}

이제는 continue대신 break에 라벨을 붙여봤습니다.

이제는 i * j가 6일 때 loop1라벨이 붙은 반복문을 break해버립니다.

그래서 결과가 2 * 3 = 6일 때 i가 속해있는 반복문이 멈추게 됩니다.

이렇게 라벨을 사용하게 되면 이중포문 혹은 삼중포문에서 탈출을 한번에 할 수 있는 효과를 볼 수 있습니다.

(DB) 테이블 설계의 기초와 정규형

sjjeong1225 — Wed, 27 Sep 2017 18:24:02 +0900

테이블 설계의 기초

테이블은 관계형 데이터베이스에서 데이터를 저장하기 위한 저장소 입니다.

테이블을 어떻게 설계 하는지에 따라 성능 차이가 있고 나중에 머리가 아파지는 일이 줄어들게 됩니다.

여기서 말하는 테이블은 2차원 표와 같이 행과 열이 있는 형태입니다. 하지만 단순히 행과 열을 가지고 데이터가 들어가는 것은 아니고 어떠한 규칙이나 공통적인 요소를 모은 집합이라고 생각해야 합니다.

테이블 예

과목번호	과목명	강사명
CSE001	데이터베이스	에덴
CSE002	운영체제	휴
CSE003	네트워크	아담

이 테이블은 컴퓨터 사이언스 과목을 공통적인 요소로 보고 만든 테이블입니다.

'과목번호', '과목명', '강사명'은 테이블의 속성이라고 불리며 테이블에 어떤 값들이 저장되어야 하는지 나타냅니다.

그리고 '과목번호'는 테이블의 기본기(Primary key)라고 볼 수 있습니다.

기본키는 테이블 설계 원칙 중에 하나인 '반드시 기본키를 설정'를 나타내기 위해 필요한 것입니다.

기본키를 사용하게 되면 데이터의 중복을 방지할 수 있고 유일성을 나타낼 수 있습니다.

또한 유일성을 가지고 있기 때문에 다른 테이블에서 데이터를 찾을 때 사용되기도 합니다.

그러므로 이 기본키 값이 중복이 되면 안됩니다. 만약 중복이 된다면 위에서 말한 내용들이 다 쓸모가 없어질 것입니다.

기본키는 값이 변동되면 안되는데 그 이유는 값의 유일성을 증명하지 못하고 과거의 데이터와 매칭을 할 수 없기 때문입니다.

또한 기본키는 NULL값이 들어 갈 수 없습니다.

정규형

정규형은 테이블을 어떤 기준으로 나눠서 데이터를 관리하게 만들지 기준이 되는 개념입니다.

정규형은 제1정규형부터 제5정규형까지 있습니다.

하지만 제3정규형까지 적용하더라도 어느정도 사용을 할 수 있을 정도의 수준이 됩니다.

제1정규형은 '테이블 셀에 여러개의 데이터를 말자' 입니다.

다르게 말하면 '모든 속성은 원자값을 가져야 한다' 입니다.

과목번호	과목명	강사명
CSE001	데이터베이스	에덴
CSE002	운영체제	휴
CSE003	네트워크	아담, 휴

이렇게 네트워크 과목이 아담과 휴 강사가 강의를 한다고 나타낼 수도 있습니다.

하지만 이렇게 하는 것은 관리하기도 어렵고 추천하고 싶은 방법은 아닙니다.

과목 테이블

과목번호	과목명
CSE001	데이터베이스
CSE002	운영체제
CSE003	네트워크

과목 강사 테이블

과목번호	과목반	강사면
CSE001	A	에덴
CSE002	A	휴
CSE003	A	아담
CSE003	B	휴

이렇게 만들게 되면 한 셀에 여러개의 값이 들어가지 않아서 제1정규형을 지킬 수 있습니다.

제2정규형은 '종속성을 띄고 있는 데이터를 분리하자' 입니다.

다르게 말하면 '키를 제외한 나머지 속성들은 키에만 종속되어야 한다' 입니다.

수강신청 테이블

학번	과목번호	신청일	학생명	학과
2017012987	CSE001	2017/09/28	배수지	컴퓨터공학과
2017012987	CSE003	2017/09/30	배수지	컴퓨터공학과
2017023112	MSE005	2017/09/30	김우빈	시각디자인학과
2017023114	MSE005	2017/09/30	김고은	시각디자인학과
2017012987	MSE005	2017/10/02	배수지	컴퓨터공학과

이 경우는 여러개의 속성을 기본키로 만든 경우입니다.

각 데이터들은 각 셀에 데이터가 하나씩 들어가 있기 때문에 제1정규형은 지켜지고 있지만 제2정규형을 지켰다고 볼 수 없습니다.

데이터를 잘 보면 '학번', '학생명', '학과'가 서로 종속성을 보여주고 있습니다.

이렇게 종속성을 보여주는 형태가 있으면 제2정규형이라고 말할 수 없습니다.

그럼 종속성이 있는 부분만 따로 빼서 테이블을 만들면 제2정규형을 지킬 수 있습니다.

수강신청 테이블

학번	과목번호	신청일
2017012987	CSE001	2017/09/28
2017012987	CSE003	2017/09/30
2017023112	MSE005	2017/09/30
2017023114	MSE005	2017/09/30
2017012987	MSE005	2017/10/02

학생 테이블

학번	학생명	학과
2017012987	배수지	컴퓨터공학과
2017023112	김우빈	시각디자인학과
2017023114	김고은	시각디자인학과

이렇게 구성 했을 때 제2정규형을 지켰다고 말할 수 있습니다.

그리고 데이터를 수정 했을 경우 한개의 테이블로 관리했을 때 수정해야 할 셀이 많지만 두개의 테이블로 관리 한다면 수정해야 할 셀이 적어지게 되고 관리가 편리해 집니다.

제3정규형은 '테이블 안에 두번 이상 연결 된 종속을 가지지 말자' 입니다.

다른 말로 '이행 종속이 있으면 안된다' 입니다.

학생 테이블

학번	학생명	학과	교수코드	교수명
2017012987	배수지	컴퓨터공학과	PROF001	김로빈
2017023112	김우빈	시각디자인학과	PROF002	소우진
2017023114	김고은	시각디자인학과	PROF002	소우진

학생 테이블에 교수코드와 교수명이 추가가 되었습니다.

이럴 경우 '학번'이 '교수코드'와 종속관계이고 '교수코드'와 '교수명'이 종속관계이므로 한 테이블에 연결된 종속관계가 존재하게 됩니다.

이럴 경우는 제3 정규형을 지키지 못하는 형태 입니다.

학생 테이블

학번	학생명	학과	교수코드(FK)
2017012987	배수지	컴퓨터공학과	PROF001
2017023112	김우빈	시각디자인학과	PROF002
2017023114	김고은	시각디자인학과	PROF002

교수 테이블

교수코드	교수명
PROF001	김로빈
PROF002	소우진

이렇게 두개로 나눌 경우 한 테이블에 연결된 종속관계를 끊을 수 있습니다.

이 때 제3정규형을 지켰다고 말 할 수 있습니다.