첫 번째 Android 앱 만들기 및 실행

이 Codelab에서는 Android 스튜디오에서 제공하는 기본 앱 템플릿에서 시작하여 나만의 첫 번째 Android 앱(Happy Birthday)을 만들어 봅니다. 또한, Android 프로젝트의 모양을 살펴보고 Android 스튜디오에서 다양한 창의 사용 방법을 알아봅니다.

기본 요건

  • 워드 프로세서 또는 스프레드시트와 같은 애플리케이션을 설정, 구성, 사용할 수 있는 기본 지식

학습할 내용

  • 템플릿을 사용하여 Android 앱용 Android 스튜디오 프로젝트를 생성하는 방법

빌드할 프로그램

  • 템플릿을 이용하여 제작한 기본 Android 앱

필요한 항목

  • Android 스튜디오가 설치된 컴퓨터

이 작업에서는 Android 스튜디오에서 제공하는 프로젝트 템플릿을 사용하여 Android 앱을 생성합니다.

프로젝트 템플릿

Android 스튜디오에서 프로젝트 템플릿이란 필요한 모든 부분을 가지고 있지만 실행하는 작업은 많지 않은 Android 앱입니다. 이 템플릿을 사용하면 개발자가 더 빠르게 시작하고 일부 작업을 줄이는 데 도움이 됩니다. Android 스튜디오의 템플릿 예로 지도가 있는 앱과 여러 개의 화면을 사용하는 앱이 있습니다.

Empty Activity 프로젝트 만들기

이 단계에서는 신규 앱 제작용 Empty Activity 프로젝트 템플릿을 사용하여 새로운 Android 스튜디오 프로젝트를 만듭니다.

  1. Android 스튜디오 아이콘 815d56ac706c78d4.png을 클릭하여 Android 스튜디오를 시작합니다(아직 열려 있지 않은 경우).

Welcome to Android Studio 창이 표시됩니다.

a08769027af79823.png

  1. Welcome to Android Studio 창에서 + Start a new Android Studio project를 클릭합니다.

Android 스튜디오에서 제공하는 템플릿 목록이 표시된 Create New Project 창이 열립니다.

ae293fe0a0b06a45.png

  1. 상단에 있는 탭을 클릭하고 템플릿을 스크롤하여 할 수 있는 작업에 대해 알아보세요. 다양한 기기 유형(예: 스마트폰, 태블릿, 시계)과 다양한 앱 유형(예: 스크롤 가능한 화면이 있는 앱, 지도를 사용하는 앱, 멋진 탐색 기능이 있는 앱)에 맞는 템플릿이 있습니다.
  2. 창 왼쪽 상단에서 Phone and Tablet 탭을 클릭합니다.
  3. 맨 위 행에서 Empty Activity 템플릿을 클릭하여 프로젝트의 템플릿으로 선택합니다.

Empty Activity 템플릿은 앱 제작에 사용할 수 있는 가장 간단한 템플릿입니다. 이 템플릿은 하나의 화면을 사용하며 간단한 'Hello World!' 메시지를 표시합니다.

  1. 창 하단에서 Next를 클릭합니다. Create New Project 대화상자가 열립니다.

204a8fde117875a5.png

다음과 같이 프로젝트를 구성합니다.

  1. Name은 앱의 이름입니다. Name 아래의 상자에 프로젝트 이름으로 Happy Birthday를 입력합니다.
  2. Package name은 Android 시스템에서 앱을 고유하게 식별하기 위해 사용하는 이름입니다. 일반적으로 이 이름은 조직의 이름 뒤에 앱 이름이 나오는 기본 이름으로 지정되며 모두 소문자입니다(이 경우 'com.example.happybirthday').
  3. Save location은 프로젝트와 관련된 모든 파일이 저장되는 위치입니다. 컴퓨터에서 저장 위치를 기록해두면 파일을 찾을 수 있습니다. 지금은 저장 위치를 그대로 두어도 됩니다.
  4. Language는 프로젝트에 사용할 프로그래밍 언어를 정의합니다. LanguageKotlin인지 확인합니다.
  5. Minimum SDK는 앱을 실행할 수 있는 Android의 최소 버전을 나타냅니다. 드롭다운 목록에서 API 19: Android 4.4 (KitKat)을 선택합니다.
  1. Minimum SDK 아래에서 선택한 API 수준을 사용하여 앱을 실행할 수 있는 기기 수에 대한 정보를 확인합니다. 궁금한 점이 있으면 Help me choose 링크를 클릭하여 아래와 같이 다양한 Android 버전의 목록을 확인하세요. 그런 다음 New Project 창으로 돌아갑니다.

f650fadcfac653de.png

  1. Create New Project 창에서 Use legacy android.support library가 선택 해제되어 있는지 확인합니다. 자세한 내용을 확인하려면 물음표를 클릭하세요.
  2. Finish를 클릭합니다.

Android 스튜디오에서 프로젝트 및 관련된 모든 파일이 열립니다.

c27a57875b0356f2.png

처음 Android 스튜디오를 열면 세 개의 창이 표시됩니다.

(1) Project 창에는 프로젝트 파일 및 폴더가 표시됩니다.

(2) Editing 창은 코드를 수정하는 데 사용합니다.

(3) What's New 창에는 새로운 소식과 유용한 도움말이 표시됩니다.

Android 스튜디오의 오른쪽 하단에 있는 진행률 표시줄 또는 메시지를 통해 Android 스튜디오에서 프로젝트 설정을 진행 중인지 알 수 있습니다. 예:

68405342ab13c821.png

  1. Android 스튜디오에서 프로젝트 설정을 완료할 때까지 기다립니다. 프로젝트 설정이 완료되면 아래와 같이 왼쪽 하단에 메시지가 표시됩니다.

3558f61a535db5d1.png

이 작업에서는 Android Virtual Device(AVD) Manager를 사용하여 휴대기기의 소프트웨어 버전(에뮬레이터)을 만들고 컴퓨터에서 실행합니다. 가상 기기 또는 에뮬레이터에서 스마트폰과 같은 특정 유형의 Android 기기 구성을 시뮬레이션합니다. 선택한 Android 시스템 버전을 실행하는 모든 스마트폰이나 태블릿이 될 수 있습니다. 그런 다음 가상 기기를 사용하여 Empty Activity 템플릿으로 만든 앱을 실행합니다.

AVD(Android Virtual Device) 만들기

컴퓨터에서 에뮬레이터를 실행하는 첫 번째 단계는 가상 기기의 구성을 만드는 것입니다.

  1. Android 스튜디오 메뉴 바에서 Tools > AVD Manager를 선택합니다.

54805e080c63dfa6.png

Your Virtual Devices 대화상자가 아래와 같이 표시됩니다. 이전에 가상 기기를 만들었다면 여기에 표시됩니다.

372df0683f138a8e.png

  1. + Create Virtual Device를 클릭합니다.

Select Hardware 창이 표시됩니다. 93848e9822710c69.png Select Hardware 창에는 사용자가 선택할 수 있도록 Category에 맞게 사전 구성된 기기 목록이 표시됩니다. 각 기기의 화면 크기(Size), 픽셀 단위의 화면 해상도(Resolution) 및 픽셀 밀도(Density)를 표로 제공합니다.

  1. 카테고리로 Phone을 선택합니다.
  2. 스마트폰(예: Pixel 3 XL)을 선택하고 Next를 클릭합니다. 어떤 스마트폰이든 선택할 수 있지만, 이 Codelab에서는 최신 기기를 선택하세요.

System Image 창이 표시됩니다. 여기에서 가상 기기에서 실행할 Android 시스템 버전을 선택합니다. 이를 통해 다양한 버전의 Android 시스템에서 앱을 테스트할 수 있습니다.

ebb05cea5122f10b.png

  1. Recommended 탭에서 가상 기기에서 실행할 Android 시스템 버전으로 Q를 선택합니다. 이 버전은 이 문서 작성 시점의 최신 Android 버전이지만, 향후 다른 정식 버전을 선택할 수도 있습니다. 정식 버전 목록은 여기에서 확인하세요.
  1. Next를 클릭합니다.

Android Virtual Device(AVD) 창이 표시되면 기기의 추가 구성 세부정보를 선택할 수 있습니다.

e04f76da034d25dd.png

  1. AVD Name 입력란에 Android Virtual Device 이름을 입력합니다. 나머지는 그대로 둡니다.
  2. Finish를 클릭합니다.

새 가상 기기가 Your Virtual Device 창에 표시되고 사용할 준비가 됩니다.

dd2b0e5526503678.png

  1. Your Virtual Device 창을 닫습니다.

가상 기기에서 앱 실행

  1. Android 스튜디오를 포그라운드로 가져옵니다.
  2. Android 스튜디오의 툴바에서 가상 기기 드롭다운 메뉴(아래 예와 비슷함)를 찾은 다음 드롭다운 목록에서 만들어 놓은 가상 기기를 선택합니다. 2a0b5569bde32673.png (또는 Run > Select Device를 클릭한 다음, 팝업의 사용할 수 있는 기기에서 가상 기기를 선택합니다.)
  3. Android 스튜디오에서 Run > Run app을 선택하거나 툴바에서 Run 아이콘을 클릭합니다. 가상 기기가 실제 기기와 마찬가지로 시작되고 부팅됩니다. 컴퓨터 속도에 따라 다소 시간이 걸릴 수 있습니다.

앱이 준비되면 아래와 같이 가상 기기에서 열립니다.

6330323003a1da4c.png

축하합니다! 가상 기기가 실행 중입니다. 이제 제목이 'Happy Birthday'이며 'Hello World!'가 화면에 표시됩니다.

프로젝트를 구성하면 Android 스튜디오에서 컴퓨터에 AndroidStudioProjects라는 폴더를 만들고 모든 Android 프로젝트를 저장합니다. Android 스튜디오는 AndroidStudioProjects 폴더 내에 앱과 동일한 이름의 폴더도 만듭니다(이 경우 HappyBirthday).

fbd3a4edfb697c38.png

HappyBirthday 폴더가 프로젝트 폴더입니다. Android 스튜디오는 개발자가 생성한 파일과 Android 스튜디오에서 생성한 파일을 모두 프로젝트 폴더에 저장합니다.

  1. Android 스튜디오에서 왼쪽의 Project 창을 확인합니다. Project 창에 프로젝트의 파일 및 폴더가 표시됩니다.

코드 작성 시, 프로젝트 파일 간에 쉽게 이동할 수 있도록 Project 창의 파일이 구성됩니다. 하지만, Finder 또는 Windows Explorer와 같은 파일 브라우저에서 파일을 보면 파일 계층 구조가 매우 다르게 구성됩니다.

이 작업에서는 프로젝트 폴더 계층 구조의 두 가지 뷰를 살펴봅니다.

  1. Android 스튜디오 Project 창의 왼쪽 상단 드롭다운 메뉴에서 Android를 선택합니다.

다음과 비슷한 파일 목록이 표시됩니다.

e7e0f28cb7f60716.png

프로젝트의 코드를 작성할 때는 이러한 파일 뷰와 구성이 유용합니다.

Finder(macOS) 또는 Explorer(Windows)와 같은 파일 브라우저에 표시되는 파일도 볼 수 있습니다.

  1. Project 창의 드롭다운 메뉴에서 Project Source Files를 선택합니다.

제목이 프로젝트 파일이 저장된 폴더로 변경됩니다.

e33b4c2efaabe84e.png

이제 파일 탐색기와 동일한 방식으로 파일을 탐색할 수 있습니다.

  1. 이전 뷰로 다시 전환하려면 Project 창에서 다시 Android를 선택합니다.

좋습니다. 이제 템플릿에서 앱을 만들고 실행할 수 있으며 프로젝트 파일을 찾을 수 있습니다.

  • 새 프로젝트를 만들려면 Android 스튜디오를 시작하고, + Start a new Android Studio project를 클릭하여 프로젝트의 이름을 지정하고, 템플릿을 선택한 후 세부정보를 입력합니다.
  • 앱을 실행할 Android Virtual Device(에뮬레이터)를 만들려면 Tools > AVD Manager를 선택한 다음 AVD Manager를 사용하여 하드웨어 기기 및 시스템 이미지를 선택합니다.
  • 가상 기기에서 앱을 실행하려면 기기를 만들었는지 확인하고 툴바 드롭다운 메뉴에서 기기를 선택한 다음 툴바에서 Run 아이콘 Run > Run app을 선택하거나 툴바에서 Run 아이콘 [ICON HERE]을 클릭합니다. [IMAGEINFO]: ic_run.png, Android 스튜디오 Run 아이콘을 클릭하여 앱을 실행합니다.
  • 프로젝트 파일을 찾으려면 Project 창의 드롭다운에서 Project Source Files를 선택합니다.