안녕하세요! 오늘은 '소프트웨어 공장'에서 여러분의 첫 번째 Android 애플리케이션인 "Hello World" 앱을 함께 만들어 보겠습니다. 이 튜토리얼에서는 Android Studio를 사용하여 앱을 개발하는 방법을 단계별로 설명하며, Kotlin 언어를 사용하여 기본적인 앱을 구현할 것입니다.
이 튜토리얼을 따라오면, Android 개발의 기초를 이해하고 Android 애플리케이션 제작에 필요한 기본적인 도구들을 사용할 수 있게 될 것입니다.
1. Android Studio 설치 및 프로젝트 생성
먼저 Android 애플리케이션을 개발하기 위해서는 Android Studio가 필요합니다. 아래 단계를 따라 Android Studio를 설치하고 새로운 프로젝트를 만들어 보세요.
Android Studio 설치
- Android Studio 공식 웹사이트에서 설치 파일을 다운로드합니다.
- 다운로드한 파일을 실행하여 설치합니다.
- 설치가 완료되면 Android Studio를 실행합니다.
새 프로젝트 생성하기
- Start a new Android Studio project를 클릭합니다.
- Empty Activity를 선택하고 Next를 클릭합니다.
- Name 필드에 프로젝트 이름을 입력하세요. 여기서는
HelloWorldApp
이라고 입력해 봅시다. - Language를
Kotlin
으로 설정하고, 최소 API 레벨은API 21: Android 5.0 (Lollipop)
으로 설정합니다. - Finish를 클릭하여 프로젝트 생성을 완료합니다.
2. 프로젝트 구조 이해하기
Android Studio에서 프로젝트가 생성되면 다양한 파일과 폴더가 자동으로 생성됩니다. 이 중 몇 가지 주요 파일을 살펴보겠습니다.
- MainActivity.kt: 앱의 메인 화면을 정의하는 코드가 포함된 파일입니다. 여기에 앱의 로직을 추가할 수 있습니다.
- activity_main.xml: 앱의 화면 레이아웃을 정의하는 XML 파일입니다. 사용자 인터페이스(UI)를 구성할 때 사용됩니다.
이제 이 파일들을 수정하여 Hello World 앱을 만들어 보겠습니다.
3. 화면 레이아웃 수정하기
먼저 activity_main.xml 파일을 수정하여 화면에 텍스트를 표시하도록 만들어 보겠습니다.
- Android Studio에서
res > layout > activity_main.xml
파일을 엽니다. - 기본 레이아웃을 아래와 같이 수정하세요:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center">
<TextView
android:id="@+id/helloTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, World!"
android:textSize="24sp"/>
</LinearLayout>
이 레이아웃은 화면 중앙에 "Hello, World!"라는 텍스트를 표시하는 TextView
를 포함한 간단한 레이아웃입니다.
4. Kotlin 코드 수정하기
이제 MainActivity.kt 파일을 수정하여 버튼을 추가하고 버튼 클릭 시 텍스트를 변경해 보겠습니다.
- MainActivity.kt 파일을 엽니다.
- 아래 코드를 사용하여
onCreate
메서드를 수정합니다:
package com.example.helloworldapp
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.TextView
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// TextView와 Button 초기화
val helloTextView: TextView = findViewById(R.id.helloTextView)
val changeTextButton: Button = Button(this).apply {
text = "Change Text"
}
// 레이아웃에 버튼 추가
val layout = findViewById<LinearLayout>(R.id.rootLayout)
layout.addView(changeTextButton)
// 버튼 클릭 이벤트 리스너 설정
changeTextButton.setOnClickListener {
helloTextView.text = "Text Changed!"
}
}
}
이 코드에서는 TextView와 Button을 초기화하고, 버튼을 클릭했을 때 TextView의 텍스트가 변경되도록 구현했습니다.
5. 앱 실행하기
이제 앱을 실행해 볼 시간입니다! Android Studio에서 Run 버튼을 클릭하여 앱을 실행하거나, 단축키 Shift + F10을 눌러 에뮬레이터 또는 실제 디바이스에서 실행해 보세요.
앱이 실행되면 "Hello, World!" 텍스트가 화면에 표시되며, 버튼을 클릭하면 텍스트가 "Text Changed!"로 변경될 것입니다.
6. 마무리
이제 첫 번째 Android 애플리케이션을 성공적으로 만들었습니다. 이 튜토리얼을 통해 Android 개발의 기초를 배웠으며, 프로젝트 생성, 레이아웃 정의, Kotlin 코드 작성, 앱 실행까지의 과정을 경험해 보았습니다.
앞으로도 계속해서 재미있고 유용한 Android 애플리케이션을 만들어 나가길 바랍니다. 질문이나 추가적인 학습이 필요하다면 댓글로 남겨 주세요!
더욱 다양한 튜토리얼을 원하시면 '소프트웨어 공장' 블로그를 자주 방문해 주세요. Happy Coding!
'Android' 카테고리의 다른 글
Android Event 처리 및 데이터 연동 (0) | 2024.10.20 |
---|---|
Android 사용자 인터페이스 디자인 및 레이아웃 사용법 (0) | 2024.10.19 |
Android 프로젝트 구조 (0) | 2024.10.09 |
Android Studio 설치 (0) | 2024.10.07 |
Android 개발의 첫걸음 (0) | 2024.10.06 |