Android 스튜디오에는 모든 개발 단계를 지원하는 도구가 있지만 가장 중요한 면은 앱 작성입니다. 코드 쓰기, 레이아웃 빌드, 이미지 생성의 과정을 Android 스튜디오에서 생산성 있게 작업할 수 있습니다. 이 섹션에서는 앱을 쉽고 빠르게 작성할 수 있는 도구를 안내합니다. 다음은 코딩 생산성을 높이는 데 도움이 되는 여러 기능 중 일부입니다. 코드 완성 기능은 입력 오류를 줄이고 클래스, 메서드, 변수의 이름을 조회할 필요성을 줄여 앱 개발 속도를 높입니다. 코드 편집기는 기본 완성, 스마트 완성, 명령문 완성 기능을 제공합니다. 코드 완성에 관해 자세히 알아보세요. 라이브 템플릿을 사용하면 코드 스니펫을 입력하여 작은 크기의 코드를 신속하게 삽입하고 완성할 수
있습니다. 라이브 템플릿을 삽입하려면 템플릿 약어를 입력하고 Tab 키를 누릅니다. 그러면 Android 스튜디오에서는 템플릿과 연결된 코드 스니펫이 자동으로 코드에 삽입됩니다. 예를 들어 지원되는 라이브 템플릿 목록을 보고 맞춤설정하려면 File > Settings > Editor > Live Templates를 클릭합니다. 라이브 템플릿 자세히 알아보기 Android 스튜디오에 있는 린트라는 코드 스캔 도구를 사용하면 앱을 실행하거나 테스트를 작성하지 않고도 코드의 구조적 문제를 식별하고 수정할 수 있습니다. 앱을 빌드할 때마다 Android 스튜디오는 린트를 실행하여 소스 파일에서 잠재적인 버그를 확인하고 정확성, 보안, 성능, 사용성, 접근성, 국제성 측면의 최적화를 위해 개선이 필요한 부분을 찾습니다. 린트 자세히 알아보기 메서드/멤버/클래스 이름에 캐럿을 두고 F1 키를 눌러 API 문서를 볼 수 있습니다. 이미지 및 테마와 같은 다른 리소스와 관련된 정보도 확인할 수 있습니다. 예를 들어 Android 매니페스트 파일의 테마 이름에 캐럿을 두고 F1 키를 누르면 테마 상속 계층 구조와 다양한 속성의 색상 또는 이미지를 볼 수 있습니다. 새 파일을 만들려면 Project 창에서 원하는 디렉터리를 클릭한 후 Alt + Insert(Mac의 경우 Command + N)를 누릅니다. 그러면 선택한 디렉터리에 적합한 권장 파일 형식 목록이 작은 창에 표시됩니다. Android 스튜디오에는 리소스 파일을 만들고 관리하는 데 도움이 되는 다음과 같은 기능 및 도구가 포함되어 있습니다. 리소스 추가에 관해 자세히 알아보세요. Android 스튜디오에는 각 화면 밀도를 지원하는 이미지를 만드는 데 도움이 되는 Vector Asset Studio라는 도구가 포함되어 있습니다. 고유 SVG 파일을 수정하기 위해 업로드하거나 Google에서 제공하는 많은 머티리얼 디자인 아이콘 중 하나를 선택할 수 있습니다. 시작하려면 File > New > Vector Asset을 클릭합니다. Vector Asset Studio에 관해 자세히 알아보세요. 코드에서 이미지 및 아이콘을 참조하는
경우 이미지 미리보기가 왼쪽 여백에 표시되어 이미지 또는 아이콘이 어떻게 참조되는지 확인할 수 있습니다. 원본 크기의 이미지를 보려면 왼쪽 여백에 표시된 미리보기 이미지를 클릭합니다. 또는 애셋 인라인 참조에 캐럿을 두고 F1 키를 눌러 모든 대체 크기를 포함하여 이미지 세부정보를 확인합니다. Android 스튜디오에서는 XML을 수정하는 동안 위젯을 레이아웃으로 드래그 앤 드롭하여 레이아웃을 미리볼 수 있는 고급 레이아웃 편집기를 제공합니다. 시작하려면 레이아웃을 추가할 모듈을 클릭한 후 File > New > XML > Layout XML File을 클릭합니다. Layout Editor에 관해 자세히 알아보세요. Translations Editor 도구를 사용하면 번역된 모든 리소스를 한 화면에서 보면서 쉽게 번역을 변경하거나 추가할 수 있고 시작하려면 Translations Editor에 관해 자세히 알아보세요. Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates. Last updated 2021-01-05 UTC. [{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"필요한 정보가 없음" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"너무 복잡함/단계 수가 너무 많음" },{ "type": "thumb-down", "id": "outOfDate", "label":"오래됨" },{ "type": "thumb-down", "id": "translationIssue", "label":"번역 문제" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"샘플/코드 문제" },{ "type": "thumb-down", "id": "otherDown", "label":"기타" }] [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"이해하기 쉬움" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"문제가 해결됨" },{ "type": "thumb-up", "id": "otherUp", "label":"기타" }]
1. 시작하기 전에이 Codelab에서는 기본적인 팁 계산기 앱의 레이아웃을 빌드합니다. Codelab을 마치면 앱 UI는 작동하지만 실제로 앱에서 팁을 계산하지는 않습니다. 앱이 작동하고 좀 더 전문적으로 보이도록 하는 내용은 다음 Codelab에서 다룹니다. 기본 요건
학습할 내용
빌드할 프로그램
필요한 항목
2. 프로젝트 시작Google에서 팁 계산기를 확인하세요. https://www.google.com/search?q=tip+calculator 이 과정에서는 간단한 버전의 팁 계산기를 Android 앱으로 빌드합니다. 개발자는 깔끔하게 보이지 않더라도 부분적으로 작동하는 간단한 버전의 앱을 준비한 후 나중에 완전히 작동하고 시각적으로도 세련된 앱을 만드는 방식으로 작업하는 때가 많습니다. 이 Codelab을 마치면 팁 계산기 앱은 다음과 같이 표시됩니다. Android에서 제공하는 다음 UI 요소를 사용합니다.
Empty Activity 프로젝트 만들기
3. XML 읽기 및 이해이미 익숙한 Layout Editor를 사용하는 대신 UI를 설명하는 XML을 수정하여 애플리케이션의 레이아웃을 빌드합니다. XML을 사용하여 UI 레이아웃을 파악하고 수정하는 방법을 아는 것은 Android 개발자에게 중요합니다. 이 앱의 UI 레이아웃을 정의하는 XML 파일을 살펴보고 수정합니다. XML은 확장성 마크업 언어(eXtensible Markup Language)를 의미하며 텍스트 기반 문서를 사용하여 데이터를 설명하는 방법입니다. XML은 확장 가능하고 매우 유연하므로 Android 앱의 UI 레이아웃 정의를 비롯하여 다양한 용도로 사용됩니다. 앱의 문자열과 같은 다른 리소스도 Android 앱의 UI는 구성요소(위젯)의 포함 계층 구조와 이러한 구성요소의 화면 레이아웃으로 빌드됩니다. 이러한 레이아웃은 UI 구성요소 자체입니다. 화면에서 UI 요소의 뷰 계층 구조를 설명합니다. 예를 들어 Android 앱의 포함 계층 구조 각 UI 요소는 XML 파일의 XML 요소로 표현됩니다. 각 요소는 태그로 시작하고 끝나며 각 태그는
실제 예를 살펴보겠습니다.
단순화된 예보다 훨씬 많은 일이 발생하지만 Android 스튜디오는 Kotlin 코드에서 한 것처럼 XML을 더 쉽게 읽을 수 있도록 몇 가지 작업을 합니다.
다음은 단순화된 버전의
빈 요소 태그를 사용하여 가능한 한 적은 줄에 코드를 작성하고 태그의 끝부분을 그 앞줄과 결합하는 것도 일반적입니다. 따라서 두 줄(또는 속성이 없는 경우 한 줄)에 빈 요소 태그가 표시될 수도 있습니다.
다른
레이아웃의 XML에 관한 추가 정보
Android 스튜디오는 가독성을 높이기 위해 공백과 들여쓰기를 자동으로 추가합니다. Android 스튜디오를 통해 XML이 코딩 스타일 규칙을 준수하는지 확인하는 방법을 나중에 알아봅니다.
파일이 XML 파일이지만 모든 XML 파일에 이 내용이 포함되는 것은 아님을 나타냅니다. 4. XML로 레이아웃 빌드
TextView 삭제
파일에는
패딩은 여백과 비슷하지만 외부에 공간을 추가하는 대신
서비스 비용 텍스트 입력란 추가이 단계에서는 사용자가 서비스 비용을 앱에 입력할 수 있는 UI 요소를 추가합니다. 사용자가 앱에서 텍스트를 입력하거나 수정할 수 있는
레이아웃 파일은 다음과 같이 표시됩니다.
아직 이 내용을 모두 이해하지 못할 수 있지만 다음 단계에서 설명합니다.
왼쪽에서 오른쪽(LTR)으로 작성되는 영어나 다른 언어로 작성하는 경우 시작 가장자리는 왼쪽입니다. 그러나 아랍어와 같은 일부 언어는 오른쪽에서 왼쪽(RTL)으로 작성되므로 시작 가장자리가 오른쪽입니다. 이러한 이유로 제약 조건은 'start'를 사용하여 LTR 언어나 RTL 언어에서 모두 작동할 수 있도록 합니다. 마찬가지로 제약 조건은 오른쪽 대신 'end'를 사용합니다. 새 제약 조건이 추가되면
EditText 속성 검토붙여넣은 모든
그러나 개발자는
다른 입력 유형 옵션을 확인하려면 개발자 문서에서 입력 방법 유형 지정을 참고하세요. 변경할 사항이 하나 더 있습니다. 사용자가 이 입력란에 입력해야 하는 내용에 관한 힌트를 표시하면 유용하기 때문입니다.
Design Editor 업데이트도 표시됩니다.
좋습니다. 아직 별 내용은 없지만 시작이 좋고 일부 XML을 수정했습니다. 레이아웃의 XML은 다음과 같이 표시됩니다.
서비스 질문 추가이 단계에서는 "서비스가 어땠나요?"라는 질문 프롬프트에
바르게 보이지 않으므로 다음에는 세로 방향으로는
ID가 이미 정의되어 있으므로 좀 부족해 보이긴 하지만 현재로서는 괜찮습니다. 필요한 모든 부분이 화면에 표시되고 기능이 작동하는지만 확인하면 됩니다. 다음 Codelab에서 표시되는 방식을 수정합니다.
이 시점에서 XML은 다음과 같이 표시됩니다.
5. 팁 옵션 추가이제 사용자가 선택할 수 있는 다양한 팁 옵션에 사용할 라디오 버튼을 추가합니다. 옵션은 세 가지가 있어야 합니다.
방법을 잘 모르겠다면 Google 검색을 사용하면 됩니다. 문제가 발생할 때 개발자가 사용하기 좋은 도구입니다.
설명을 읽을 때 레이아웃에서 필요한 각 라디오 버튼에 요구사항에 적합해 보이는 XML이 몇 가지 있습니다. 잘 살펴보며
RadioButtons 추가
이제
기본 선택 추가현재 선택된 팁 옵션은 없습니다. 기본적으로 라디오 버튼 옵션 중 하나를 선택하는 것이 좋습니다.
Design Editor에서 레이아웃이 업데이트되었습니다. 20% 팁 옵션이 기본적으로 선택되어 있습니다. 훌륭합니다. 이제 점점 팁 계산기 같아 보입니다. 지금까지의 XML은 다음과 같습니다.
6. 나머지 레이아웃 완료이제 레이아웃의 마지막 부분입니다. 팁을 반올림하기 위한 Switch 추가이제
스위치가 기본적으로 사용 설정되어 있고 가능한 값이
종합해보면
Calculate 버튼 추가이제 사용자가 팁 계산을 요청할 수 있도록
Calculate
팁 결과 추가레이아웃이 거의 완성되었습니다. 이 단계에서는 팁 결과에
훌륭합니다. 특히 처음 XML을 사용하는 개발자라면 더 그렇습니다. 앱의 모양이 스크린샷과 정확하게 일치하지 않을 수도 있습니다. 이후 버전의 Android 스튜디오에서 템플릿이 변경되었을 수 있기 때문입니다. Calculate 버튼으로 실행되는 작업은 아직 아무것도 없지만 비용을 입력하고 팁 비율을 선택한 후 옵션을 전환하여 팁 반올림 여부를 선택할 수 있습니다. 다음 Codelab에서 Calculate 버튼을 작동하게 만들므로 꼭 확인하세요. 7. 적절한 코딩 사례 채택하드 코딩 문자열에 관한 경고를 확인했을 수 있습니다. 리소스 파일로 문자열을 추출하면 앱을 다른 언어로 번역하고 문자열을 재사용하기가 더 쉬워진다고 이전 Codelab에서 알아봤습니다.
이제 방금 추가한 문자열 리소스를 확인합니다.
XML의 형식 다시 지정Android 스튜디오는 코드를 깔끔하게 정리하고 권장 코딩 규칙을 따르는지 확인하는 다양한 도구를 제공합니다.
이렇게 하면 들여쓰기가 일관되고 UI 요소의 일부 XML이 재정렬되어 항목을 그룹화할 수 있습니다. 예를 들면 한 요소의 모든 8. 솔루션 코드
9. 요약
10. 자세히 알아보기다루는 주제에 관한 추가 문서 링크를 아래에서 확인하세요. developer.android.com에서 모든 Android 개발 관련 문서를 확인할 수 있습니다. 문제가 발생하면 Google 검색을 사용하면 됩니다.
11. 연습하기다음을 실행합니다.
|