[Android Kotlin] 코틀린으로 입문 버튼 이벤트 구현 및 JAVA와 비교

최근 JAVA의 대체언어로 주목받고 있는 언어인 Kotlin 에 관심이 쏠렸다. 안드로이드 스튜디오를 개발한 Jet Brains에서 2011년에 공개한 언어인데 기존의 JAVA 언어와 100% 호환이 되도록 만들어 졌고, 훨씬 간결한 코드와 높은 생산성 덕분에 구글에서도 안드로이드 정식 언어로 선정하게 되었다고 한다.

 

일부 문법만 제외하고 기본 작동구조는 JAVA와 동일하기 때문에 JAVA 언어에서 Kotlin으로 건너가기도 매우 쉽다고 한다. 그렇다고 Kotlin을 먼저 배워서 안드로이드 개발을 시작하는 것 보다 JAVA를 배운 후 안드로이드 개발을 진행하다가 어느정도 역량이 갖춰졌다면, 그때 Kotlin으로 넘어오는게 더 유익하다. 증말루

 

따라서 나도 언젠가는 배우게 될 Kotlin을 지금부터 배우기 시작했고, 이번 포스팅에서는 상당히 난잡하게 구현하던 JAVA버전의 모습과 심플하고 깔끔하게 구현하는 Kotlin버전의 모습을 비교하며 글을 작성할 것이다.

 

---

작업

 

 

 

 

 

 

 

 

 

 

 

 

이번에 테스트용으로 사용할 화면의 모습이다.

간단하게 버튼을 누르면 두수의 합을 구해서 아래 텍스트뷰로 결과를 표시하는 앱이다.

 

 

 

 

이제 디자인 파일을 보도록 하면

 

main_activity.xml

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    >

    <EditText
        android:id="@+id/et_first"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:hint="숫자입력"
        />

    <EditText
        android:id="@+id/et_second"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/et_first"
        android:layout_marginLeft="30dp"
        android:hint="숫자입력"
        />

    <Button
        android:id="@+id/btn_sum"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="20dp"
        android:text="Sum"
        />

    <TextView
        android:id="@+id/tv_result"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30dp"
        android:text="두 수의 합 : 계산 전"
        android:layout_centerInParent="true"/>


</RelativeLayout>

 

RelativeLayout 만만세

 

 

 

그리고 프로그래밍 부분을 보도록 하자

우선 기존의 자바 버전의 코딩방식이다.

 

JavaActivity.class

public class JavaActivity extends AppCompatActivity {


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final EditText etFirst = (EditText)findViewById(R.id.et_first);
        final EditText etSecond = (EditText)findViewById(R.id.et_second);
        final Button btnSum = (Button)findViewById(R.id.btn_sum);
        final TextView tvResult = (TextView)findViewById(R.id.tv_result);

        btnSum.setOnClickListener(new Button.OnClickListener() {
            @Override
            public void onClick(View view) {

                int first = Integer.parseInt(etFirst.getText().toString());
                int second = Integer.parseInt(etSecond.getText().toString());

                tvResult.setText("두 수의 합 : "+calculate(first,second));
            }
        });
    }

    private int calculate(int first, int second){
        return first + second;
    }

 

그동안 JAVA로 개발을 해봤다면 당연하게 여겨지는 코딩의 양이다.

findViewById로 레이아웃상의 뷰를 찾아 여행을 떠나고, 그걸 뷰 객체를 생성후 담아주고

버튼 이벤트 구현하기위해 온클릭리스너 설정에 무명메소드로 온클릭리스터 구현해주고 ....ETC

 

이번에는

코틀린으로 바로 넘어가 보겠다.

 

KotlinActivity.class

class KotlinActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val etFirst = findViewById<EditText>(R.id.et_first)
        val etSecond = findViewById<EditText>(R.id.et_second)

        btn_sum.setOnClickListener {
            var first = Integer.parseInt(etFirst.text.toString())
            var second = Integer.parseInt(etSecond.text.toString())
            tv_result.text(calculate(first,second))
        }
    }

    fun calculate(first: Int, second: Int): Int {
        return first + second
    }
    
}

 

줄 수만 봐도 10줄 중에 3줄은 줄어든거같지 않은가?

근데 더 놀라운건 이게 끝이 아니다. 여기서 btn_sum.setOnClickListener로 이벤트를 구현해 줬는데

Kotline의 유용한 기능중 하나가 바로 Extension을 이용하는 것이다.

그동안 findViewById를 사용해서 레이아웃상의 뷰를 찾아서 객체에 담아줬는데 Extension을 사용한다면

기본적으로 (뷰의 ID).(뷰의 속성) = ""; 이런식으로 사용이 가능하다.

(단 중요한건 익스텐션으로 사용하면 속성변경도 메소드 형식이아닌 어트리뷰트 형식으로 바꿔줘야한다.)

id_textview.setText("test") X

id_textview.text = "test" O 

 

그리고 이벤트 구현하는 것도 무명메소드를 쓸 필요가 없어졌다!

 

람다함수도 매우 간단하게 구현이 가능하다 따라서 calculate라는 일반 함수를 람다함수를 적용하고, 다른 뷰 객체들도 Extension을 사용하도록 하면 최종적으로 더욱 심플한 코드가 완성된다

 

 

KotlinActivity.class 더욱 심플

class KotlinActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        btn_sum.setOnClickListener {
            var first = Integer.parseInt(et_first.text.toString())
            var second = Integer.parseInt(et_second.text.toString())
            tv_result.text= "두 수의 합 : "+calculate(first,second).toString()
        }
    }
    
    val calculate = { first: Int, second: Int -> first + second } //람다

}

 

최종적으로 JAVA와 비교하면 5줄 정도는 줄어든 모습이다.

 

 

 

 

Before...

public class JavaActivity extends AppCompatActivity {


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final EditText etFirst = (EditText)findViewById(R.id.et_first);
        final EditText etSecond = (EditText)findViewById(R.id.et_second);
        final Button btnSum = (Button)findViewById(R.id.btn_sum);
        final TextView tvResult = (TextView)findViewById(R.id.tv_result);

        btnSum.setOnClickListener(new Button.OnClickListener() {
            @Override
            public void onClick(View view) {

                int first = Integer.parseInt(etFirst.getText().toString());
                int second = Integer.parseInt(etSecond.getText().toString());

                tvResult.setText("두 수의 합 : "+calculate(first,second));
            }
        });
    }

    private int calculate(int first, int second){
        return first + second;
    }

 

 

After...

class KotlinActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        btn_sum.setOnClickListener {
            var first = Integer.parseInt(et_first.text.toString())
            var second = Integer.parseInt(et_second.text.toString())
            tv_result.text= "두 수의 합 : "+calculate(first,second).toString()
        }
    }
    
    val calculate = { first: Int, second: Int -> first + second } //람다

}

 

이것이 바로 Kotlin을 사용하는 이유다.