이 페이지는 Cloud Translation API를 통해 번역되었습니다.

MDC-101 Android: 머티리얼 구성요소 (MDC) 기본사항 (Java)

머티리얼 구성요소(MDC)를 통해 개발자는 머티리얼 디자인을 구현할 수 있습니다. Google의 엔지니어와 UX 디자이너로 구성된 팀에서 만든 MDC는 아름답고 기능적인 수십 가지의 UI 구성요소가 특징이며 Android, iOS, 웹, Flutter에서 제공됩니다.

material.io/develop

Android용 Material Design 및 Material Components란 무엇인가요?

머티리얼 디자인은 대담하고 멋진 디지털 제품을 빌드하는 시스템입니다. 일련의 일관된 원칙과 구성요소 아래 스타일과 브랜딩, 상호작용, 모션을 통합하여 제품팀은 가능한 최고의 디자인을 실현할 수 있습니다.

Android 애플리케이션의 경우 Android용 Material 구성요소(MDC Android)는 애플리케이션 전반에서 일관성을 유지하는 구성요소 라이브러리를 사용하여 디자인과 엔지니어링을 통합합니다. 머티리얼 디자인 시스템이 발전함에 따라 이러한 구성요소는 Google의 프런트엔드 개발 표준을 준수하면서 일관된 픽셀 완벽 구현을 보장하도록 업데이트됩니다. MDC는 웹, iOS, Flutter에서도 사용할 수 있습니다.

이 Codelab에서는 여러 MDC Android 구성요소를 사용하여 로그인 페이지를 빌드합니다.

빌드할 항목

이 Codelab은 Shrine 앱(의류와 가정용품을 판매하는 전자상거래 Android 앱)을 빌드하는 방법을 설명하는 Codelab 네 개 중 첫 번째 Codelab입니다. MDC-Android를 사용하여 브랜드나 스타일을 반영하도록 구성요소를 맞춤설정하는 방법을 보여줍니다.

이 Codelab에서는 다음이 포함된 Shrine의 로그인 페이지를 빌드합니다.

텍스트 입력란 두 개. 하나는 사용자 이름 입력용, 하나는 비밀번호 입력용
'취소' 버튼과 '다음' 버튼
앱 이름(Shrine)
Shrine의 로고 이미지

이 Codelab의 MDC Android 구성요소

텍스트 필드
버튼

필요한 항목

Android 개발에 관한 기본 지식
Android 스튜디오 (아직 다운로드하지 않은 경우 여기에서 다운로드)
Android Emulator 또는 기기(Android 스튜디오를 통해 사용 가능)
샘플 코드(다음 단계 참고)

Android 앱 빌드 경험 수준을 평가해 주세요.

초급

중급

고급

Android 스튜디오 시작

Android 스튜디오를 열면 'Welcome to Android Studio'라는 창이 표시됩니다. 그러나 Android 스튜디오를 처음 실행하는 경우 기본값을 사용하여 Android 스튜디오 설정 마법사 단계를 진행합니다. 이 단계는 필요한 파일을 다운로드하고 설치하는 데 몇 분 정도 걸릴 수 있으므로 다음 섹션을 진행하는 동안 이 작업이 백그라운드에서 실행되도록 하면 됩니다.

시작 Codelab 앱 다운로드

시작 앱 다운로드

시작 앱은 material-components-android-codelabs-101-starter/java 디렉터리에 있습니다.

...또는 GitHub에서 클론

이 Codelab을 GitHub에서 클론하려면 다음 명령어를 실행하세요.

git clone https://github.com/material-components/material-components-android-codelabs
cd material-components-android-codelabs/
git checkout 101-starter

Android 스튜디오에서 시작 코드 로드

설정 마법사가 완료되고 Welcome to Android Studio 창이 표시되면 Open an existing Android Studio project를 클릭합니다. 샘플 코드를 설치한 디렉터리로 이동하고 java -> shrine을 선택하거나 컴퓨터에서 shrine을 검색하여 Shrine 프로젝트를 엽니다.
Android 스튜디오 창 하단의 활동 표시기에 나타나는 것처럼 Android 스튜디오가 프로젝트를 빌드하고 동기화할 때까지 잠시 기다립니다.
이 시점에서 Android 스튜디오에 아래와 같은 빌드 오류가 발생할 수 있습니다. Android SDK나 빌드 도구가 누락되었기 때문입니다. Android 스튜디오의 안내를 따라 이러한 항목을 설치/업데이트하고 프로젝트를 동기화합니다.

프로젝트 종속 항목 추가

프로젝트에는 MDC Android 지원 라이브러리의 종속 항목이 필요합니다. 다운로드한 샘플 코드에는 이 종속 항목이 이미 나열되어 있지만 다음 단계를 따라 확인하는 것이 좋습니다.

app 모듈의 build.gradle 파일로 이동하여 dependencies 블록에 MDC Android의 종속 항목이 포함되어 있는지 확인합니다.

api 'com.google.android.material:material:1.1.0-alpha06'

(선택사항) 필요한 경우 build.gradle 파일을 수정하여 다음 종속 항목을 추가하고 프로젝트를 동기화합니다.

dependencies {
    api 'com.google.android.material:material:1.1.0-alpha06'
    implementation 'androidx.legacy:legacy-support-v4:1.0.0'
    implementation 'com.android.volley:volley:1.1.1'
    implementation 'com.google.code.gson:gson:2.8.5'
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:1.3.21"
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:core:1.1.0'
    androidTestImplementation 'androidx.test.ext:junit:1.1.0'
    androidTestImplementation 'androidx.test:runner:1.2.0-alpha05'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0-alpha05'
}

시작 앱 실행

실행 / 재생 버튼 왼쪽에 있는 빌드 구성이 app인지 확인합니다.
녹색 실행/재생 버튼을 눌러 앱을 빌드하고 실행합니다.
배포 타겟 선택 창에서 사용 가능한 기기에 이미 Android 기기가 나열되어 있다면 8단계로 건너뜁니다. 나열되어 있지 않으면 Create New Virtual Device를 클릭합니다.
Select Hardware 화면에서 Pixel 2와 같은 휴대전화 기기를 선택한 후 Next를 클릭합니다.
System Image 화면에서 최신 Android 버전(가장 높은 API 수준 권장)을 선택합니다. 설치되어 있지 않은 경우 표시되는 다운로드 링크를 클릭하고 다운로드를 완료합니다.
Next를 클릭합니다.
Android Virtual Device (AVD) 화면에서 설정을 그대로 두고 Finish를 클릭합니다.
배포 타겟 대화상자에서 Android 기기를 선택합니다.
확인을 클릭합니다.
Android 스튜디오가 앱을 빌드하고 배포한 후 자동으로 대상 기기에서 앱을 엽니다.

완료되었습니다. Shrine의 로그인 페이지 시작 코드가 에뮬레이터에서 실행됩니다. 'Shrine' 이름과 그 바로 아래에 Shrine 로고가 표시됩니다.

이제 코드를 살펴보겠습니다. 프래그먼트를 표시하고 프래그먼트 간에 이동할 수 있도록 샘플 코드에 간단한 Fragment 탐색 프레임워크를 제공했습니다.

shrine -> app -> src -> main -> java -> com.google.codelabs.mdc.java.shrine 디렉터리에서 MainActivity.java를 엽니다. 다음이 포함되어 있어야 합니다.

MainActivity.java

package com.google.codelabs.mdc.java.shrine;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentTransaction;

public class MainActivity extends AppCompatActivity implements NavigationHost {

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

       if (savedInstanceState == null) {
           getSupportFragmentManager()
                   .beginTransaction()
                   .add(R.id.container, new LoginFragment())
                   .commit();
       }
   }

   /**
    * Navigate to the given fragment.
    *
    * @param fragment       Fragment to navigate to.
    * @param addToBackstack Whether or not the current fragment should be added to the backstack.
    */
   @Override
   public void navigateTo(Fragment fragment, boolean addToBackstack) {
       FragmentTransaction transaction =
               getSupportFragmentManager()
                       .beginTransaction()
                       .replace(R.id.container, fragment);

       if (addToBackstack) {
           transaction.addToBackStack(null);
       }

       transaction.commit();
   }
}

이 활동은 shr_main_activity.xml에 정의된 R.layout.shr_main_activity 레이아웃 파일을 표시합니다.

onCreate(),에서 MainActivity.java는 LoginFragment를 표시하기 위해 Fragment 트랜잭션을 시작합니다. LoginFragment. 이 Codelab에서 수정할 부분입니다. 활동은 NavigationHost에 정의된 navigateTo(Fragment) 메서드도 구현합니다. 이 메서드를 사용하면 프래그먼트가 다른 프래그먼트로 이동할 수 있습니다.

활동 파일에서 Command + 클릭 (또는 Control + 클릭) shr_main_activity을 클릭하여 레이아웃 파일을 열거나 app -> res -> layout -> shr_main_activity.xml에서 레이아웃 파일로 이동합니다.

shr_main_activity.xml

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

여기서는 활동이 표시하는 프래그먼트의 컨테이너 역할을 하는 간단한 <FrameLayout>를 볼 수 있습니다. LoginFragment.java를 열어 보겠습니다.

LoginFragment.java

package com.google.codelabs.mdc.java.shrine;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;

/**
* Fragment representing the login screen for Shrine.
*/
public class LoginFragment extends Fragment {

   @Override
   public View onCreateView(
           @NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
       // Inflate the layout for this fragment
       View view = inflater.inflate(R.layout.shr_login_fragment, container, false);

       // Snippet from "Navigate to the next Fragment" section goes here.

       return view;
   }

   // "isPasswordValid" from "Navigate to the next Fragment" section method goes here
}

LoginFragment는 shr_login_fragment 레이아웃 파일을 확장하고 onCreateView()에 표시합니다. shr_login_fragment.xml 레이아웃 파일을 살펴보고 로그인 페이지가 어떻게 표시되는지 확인해 보겠습니다.

shr_login_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
   android:background="@color/loginPageBackgroundColor"
   tools:context=".LoginFragment">

   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:clipChildren="false"
       android:clipToPadding="false"
       android:orientation="vertical"
       android:padding="24dp"
       android:paddingTop="16dp">

       <ImageView
           android:layout_width="64dp"
           android:layout_height="64dp"
           android:layout_gravity="center_horizontal"
           android:layout_marginTop="48dp"
           android:layout_marginBottom="16dp"
           app:srcCompat="@drawable/shr_logo" />

       <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center_horizontal"
           android:layout_marginBottom="132dp"
           android:text="@string/shr_app_name"
           android:textAllCaps="true"
           android:textSize="16sp" />

       <!-- Snippet from "Add text fields" section goes here. -->

       <!-- Snippet from "Add buttons" section goes here. -->

   </LinearLayout>
</ScrollView>

여기에서 상단에 <ImageView>이 있는 <LinearLayout>을 확인할 수 있습니다. 이는 'Shrine' 로고를 나타냅니다.

그다음에는 'SHRINE' 라벨을 나타내는 <TextView> 태그가 있습니다. 이 라벨의 텍스트는 @string/shr_app_name라는 문자열 리소스입니다. 문자열 리소스 이름을 Command + 클릭 (또는 Control + 클릭)하거나 app -> res -> values -> strings.xml을 열면 문자열 리소스가 정의된 strings.xml 파일을 볼 수 있습니다. 향후 문자열 리소스가 추가되면 여기에 정의됩니다. 이 파일의 모든 리소스에는 Shrine 앱의 일부임을 나타내는 shr_ 접두사가 있어야 합니다.

시작 코드를 알아봤으므로 이제 첫 번째 구성요소를 구현해 보겠습니다.

우선 사용자가 사용자 이름과 비밀번호를 입력하는 텍스트 입력란 두 개를 로그인 페이지에 추가합니다. 플로팅 라벨과 오류 메시지를 표시하는 기능이 내장된 MDC 텍스트 필드 구성요소를 사용합니다.

XML 추가

shr_login_fragment.xml에서 <LinearLayout> 내부에 하위 TextInputEditText가 있는 TextInputLayout 요소를 두 개 추가합니다. 'SHRINE' 라벨 <TextView> 아래에 추가합니다.

shr_login_fragment.xml

<com.google.android.material.textfield.TextInputLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_margin="4dp"
   android:hint="@string/shr_hint_username">

   <com.google.android.material.textfield.TextInputEditText
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:inputType="text"
       android:maxLines="1" />
</com.google.android.material.textfield.TextInputLayout>

<com.google.android.material.textfield.TextInputLayout
   android:id="@+id/password_text_input"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_margin="4dp"
   android:hint="@string/shr_hint_password">

   <com.google.android.material.textfield.TextInputEditText
       android:id="@+id/password_edit_text"
       android:layout_width="match_parent"
       android:layout_height="wrap_content" />
</com.google.android.material.textfield.TextInputLayout>

위 스니펫은 각각 <TextInputLayout> 요소와 <TextInputEditText> 하위 요소로 구성된 텍스트 필드 두 개를 나타냅니다. 각 텍스트 필드의 힌트 텍스트는 android:hint 속성에 지정됩니다.

텍스트 필드용 문자열 리소스 @string/shr_hint_username 및 @string/shr_hint_password이 새로 포함되었습니다. strings.xml을 열어 이러한 문자열 리소스를 확인합니다.

strings.xml

...
<string name="shr_hint_username">Username</string>
<string name="shr_hint_password">Password</string>
...

입력 유효성 검사 추가

TextInputLayout 구성요소는 내장된 오류 피드백 기능을 제공합니다.

오류 의견을 표시하려면 shr_login_fragment.xml을 다음과 같이 변경하세요.

비밀번호 TextInputLayout 요소에서 app:errorEnabled 속성을 true로 설정합니다. 이렇게 하면 텍스트 필드 아래에 오류 메시지를 위한 추가 패딩이 추가됩니다.
비밀번호 TextInputEditText 요소에서 android:inputType 속성을 'textPassword'로 설정합니다. 이렇게 하면 비밀번호 필드의 입력 텍스트가 숨겨집니다.

이러한 변경사항에 따라 shr_login_fragment.xml의 텍스트 필드는 다음과 같이 표시됩니다.

shr_login_fragment.xml

<com.google.android.material.textfield.TextInputLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_margin="4dp"
   android:hint="@string/shr_hint_username">

   <com.google.android.material.textfield.TextInputEditText
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:inputType="text"
       android:maxLines="1" />
</com.google.android.material.textfield.TextInputLayout>

<com.google.android.material.textfield.TextInputLayout
   android:id="@+id/password_text_input"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_margin="4dp"
   android:hint="@string/shr_hint_password"
   app:errorEnabled="true">

   <com.google.android.material.textfield.TextInputEditText
       android:id="@+id/password_edit_text"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:inputType="textPassword"/>
</com.google.android.material.textfield.TextInputLayout>

이제 앱을 실행해 보세요. 'Username'과 'Password'에 사용할 텍스트 입력란 두 개가 포함된 페이지가 표시됩니다.

플로팅 라벨 애니메이션을 확인해보세요.

이제 '취소'와 '다음' 버튼 두 개를 로그인 페이지에 추가합니다. 아이콘이 포함된 머티리얼 디자인 잉크 물결 효과가 내장된 MDC 버튼 구성요소를 사용합니다.

XML 추가

shr_login_fragment.xml에서 TextInputLayout 요소 아래의 <LinearLayout>에 <RelativeLayout>을 추가합니다. 그런 다음 <RelativeLayout>에 <MaterialButton> 요소를 두 개 추가합니다.

결과 XML 파일은 다음과 같습니다.

shr_login_fragment.xml

<RelativeLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content">

   <com.google.android.material.button.MaterialButton
       android:id="@+id/next_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentEnd="true"
       android:layout_alignParentRight="true"
       android:text="@string/shr_button_next" />

   <com.google.android.material.button.MaterialButton
       android:id="@+id/cancel_button"
       style="@style/Widget.MaterialComponents.Button.TextButton"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginEnd="12dp"
       android:layout_marginRight="12dp"
       android:layout_toStartOf="@id/next_button"
       android:layout_toLeftOf="@id/next_button"
       android:text="@string/shr_button_cancel" />

</RelativeLayout>

작업이 끝났습니다. 앱을 실행하면 각 버튼을 탭할 때 잉크 리플이 표시됩니다.

마지막으로 LoginFragment.java에 Java 코드를 추가하여 '다음' 버튼을 다른 프래그먼트에 연결합니다. 레이아웃에 추가한 각 구성요소에 id가 할당된 것을 확인할 수 있습니다. 이러한 id를 사용하여 코드에서 구성요소를 참조하고 오류 검사 및 탐색을 추가합니다.

비밀번호가 유효한지 여부를 결정하는 로직을 사용하여 onCreateView() 아래의 LoginFragment.java에 비공개 불리언 isPasswordValid 메서드를 추가해 보겠습니다. 이 데모에서는 비밀번호가 8자 이상인지 확인하기만 합니다.

LoginFragment.java

/*
   In reality, this will have more complex logic including, but not limited to, actual
   authentication of the username and password.
*/
private boolean isPasswordValid(@Nullable Editable text) {
   return text != null && text.length() >= 8;
}

다음으로, 방금 만든 isPasswordValid() 메서드를 기반으로 오류를 설정하고 지우는 클릭 리스너를 '다음' 버튼에 추가합니다. onCreateView()에서 이 클릭 리스너는 인플레이터 줄과 return view 줄 사이에 배치해야 합니다.

다음으로 오류를 지우는 키 이벤트를 수신 대기하도록 비밀번호 TextInputEditText에 키 리스너를 추가합니다. 이 리스너는 isPasswordValid()를 사용하여 비밀번호가 유효한지 확인해야 합니다. onCreateView()의 클릭 리스너 바로 아래에 이를 추가할 수 있습니다.

이제 onCreateView() 메서드가 다음과 같이 표시됩니다.

LoginFragment.java

@Override
public View onCreateView(
       @NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
   // Inflate the layout for this fragment
   View view = inflater.inflate(R.layout.shr_login_fragment, container, false);
   final TextInputLayout passwordTextInput = view.findViewById(R.id.password_text_input);
   final TextInputEditText passwordEditText = view.findViewById(R.id.password_edit_text);
   MaterialButton nextButton = view.findViewById(R.id.next_button);

   // Set an error if the password is less than 8 characters.
   nextButton.setOnClickListener(new View.OnClickListener() {
       @Override
       public void onClick(View view) {
           if (!isPasswordValid(passwordEditText.getText())) {
               passwordTextInput.setError(getString(R.string.shr_error_password));
           } else {
               passwordTextInput.setError(null); // Clear the error
           }
       }
   });

   // Clear the error once more than 8 characters are typed.
   passwordEditText.setOnKeyListener(new View.OnKeyListener() {
       @Override
       public boolean onKey(View view, int i, KeyEvent keyEvent) {
           if (isPasswordValid(passwordEditText.getText())) {
               passwordTextInput.setError(null); //Clear the error
           }
           return false;
       }
   });
   return view;
}

이제 다른 프래그먼트로 이동할 수 있습니다. 오류 검증이 성공하면 다른 프래그먼트로 이동하도록 onCreateView()에서 OnClickListener를 업데이트합니다. 클릭 리스너의 else 사례로 이동하는 다음 줄을 ProductGridFragment에 추가하여 이를 달성할 수 있습니다.

LoginFragment.java

...
((NavigationHost) getActivity()).navigateTo(new ProductGridFragment(), false); // Navigate to the next Fragment
...

이제 클릭 리스너가 다음과 같이 표시됩니다.

LoginFragment.java

...
MaterialButton nextButton = view.findViewById(R.id.next_button);

// Set an error if the password is less than 8 characters.
nextButton.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View view) {
       if (!isPasswordValid(passwordEditText.getText())) {
           passwordTextInput.setError(getString(R.string.shr_error_password));
       } else {
           passwordTextInput.setError(null); // Clear the error
           ((NavigationHost) getActivity()).navigateTo(new ProductGridFragment(), false); // Navigate to the next Fragment
       }
   }
});
...

이 새로운 코드 줄은 MainActivity에서 navigateTo() 메서드를 호출하여 새 프래그먼트인 ProductGridFragment로 이동합니다. 현재 이 페이지는 비어 있으며 MDC-102에서 작업할 예정입니다.

이제 앱을 빌드합니다. '다음' 버튼을 누릅니다.

축하합니다. 이 화면은 MDC-102에서 작업할 다음 Codelab의 시작점이 됩니다.

기본 XML 마크업과 Java 30줄을 사용하여 Material Components for Android 라이브러리를 통해 Material Design 가이드라인을 준수하고 모든 기기에서 일관되게 보이고 동작하는 멋진 로그인 페이지를 만들 수 있었습니다.

다음 단계

텍스트 입력란과 버튼은 MDC Android 라이브러리의 두 가지 핵심 구성요소이지만 이 외에도 더 많은 요소가 있습니다. MDC Android의 나머지 구성요소를 살펴볼 수 있습니다. 또는 MDC 102: Material Design 구조 및 레이아웃으로 이동하여 상단 앱 바, 카드 뷰, 그리드 레이아웃을 알아보세요. Material Components를 사용해 주셔서 감사합니다. 이 Codelab에 만족하셨길 바랍니다.

적절한 시간과 노력을 들여 이 Codelab을 완료할 수 있었습니다.

매우 동의함

동의함

보통

동의하지 않음

전혀 동의하지 않음

앞으로 머티리얼 구성요소를 계속 사용하고 싶습니다.

매우 동의함

동의함

보통

동의하지 않음

전혀 동의하지 않음

MDC-101 Android: 머티리얼 구성요소 (MDC) 기본사항 (Java) 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

Android용 Material Design 및 Material Components란 무엇인가요?

빌드할 항목

이 Codelab의 MDC Android 구성요소

필요한 항목

Android 앱 빌드 경험 수준을 평가해 주세요.

Android 스튜디오 시작

시작 Codelab 앱 다운로드

...또는 GitHub에서 클론

Android 스튜디오에서 시작 코드 로드

프로젝트 종속 항목 추가

시작 앱 실행

XML 추가

입력 유효성 검사 추가

XML 추가

다음 단계

적절한 시간과 노력을 들여 이 Codelab을 완료할 수 있었습니다.

앞으로 머티리얼 구성요소를 계속 사용하고 싶습니다.

MDC-101 Android: 머티리얼 구성요소 (MDC) 기본사항 (Java)