저번시간까지는 앱개발에 있어 알아야 할 기본 문법들을 정리해봤다.
오늘부터는 본격적인 앱개발을 위한 TIL을 작성해보려고 한다.
그 첫번째로 간단한 랜덤 주사위 어플을 만들어 보려고 한다.
버튼을 누르면 1부터 6까지 랜덤 숫자를 보여주는 어플이다.
어플을 만들기 전에 먼저 생각해보자.
위에서 말한 것을 하기 위해선 어떤 것들이 필요할까?
버튼을 눌러야 하기 때문에 먼저 "버튼"이 있어야 할 것이고, 숫자를 보여줘야 하기 때문에 "텍스트"또한 띄우는 무언가를 해야 할 것이다.
보여지는 것 외에는 어떤 기능이 구현되어야 할까?
버튼을 눌렀을때 숫자를 보여줘야하고,
숫자는 랜덤으로 1~6사이의 값이어야 할 것이다.
지금이야 간단한 몇가지만 구현하면 되기에 생각하지 않고 바로 만들 수 있겠지만
나중에는 분량이 많아질 것이기 때문에 지금부터 만들기 전 먼저 어떤것들을 해야하고 어떤게 필요한지 생각하는 연습을 해보려고 한다.
실제 구현을 위해 코딩하기 전에 파일들에 대해 조금 살펴보려고 한다.
제일 많이 수정할 두 파일은 MainActivity파일과 activity_main파일일 것이다.
MainActivity파일에는 실제 기능 구현을 하게 될 파일이고
activity_main파일은 보여지는 것들을 만들게 될 파일이다.
사실 파일관련해서는 다룰것들이 더 많지만 지금은 입문이기에 이정도로 쉽게 이해하고 넘어가도 좋을 것 같다.
이제 정말로 어플을 만들어 보도록 하자.
먼저 activity_main파일에서 버튼과 텍스트를 만들어보도록하자.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">
</androidx.constraintlayout.widget.ConstraintLayout>처음 activity_main파일을 열면 위와 같은 코드가 보일 것이다.
보이는 코드는 그대로 놔두고 우린 저 비어있는 부분에 코딩을 해줄 것이다.
코드에 대해 간단히 설명하자면 우리가 보통 프로젝트를 만들때 비어있는 액티비티를 선택하는데 위의 코드가 그 내용이다.
ConstraintLayout을 사용하여 비어있는 액티비티를 생성한 것.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">
<TextView
android:id="@+id/tv_number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/tv_name"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/btn_roll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="@string/btn_name"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_number"
/>
</androidx.constraintlayout.widget.ConstraintLayout>위의 코드와 같이 텍스트와 버튼을 만들 수 있다.
설명은 코드에 있는 주석을 참고하길 바란다.
