Kotlin_Study

01. 개발 환경 준비하기

생성일: 2023년 11월 16일 오후 11:35

안드로이드 스튜디오 설치하기

스튜디오 설치하기

해당 내용은 학부 수업 중 이미 설치하였기 때문에 생략하였음!

첫번째 앱 만들기

앱 출시하기

APK 혹은 AAB 둘 중 하나를 준비한다. → Google Playstore에는 AAB를 사용해야 한다고 발표함
앱 서명 키 만들기
1. 서명 키를 개발자가 직접 만들어서 관리하기
2. 구글 play에서 관리하기
Play Store 배포 전 준비하기
1. AAB 파일 (Android App Bundle)
2. 앱 아이콘 이미지
3. 그래픽 이미지
4. 휴대전화 스크린샷
5. 7~10인치 태블릿 스크린샷

02. 안드로이드 앱의 기본 구조

생성일: 2023년 11월 16일 오후 11:35

안드로이드 소개

안드로이드의 특징

리눅스 기반
JAVA 혹은 Kotlin 언어 사용
안드로이드의 라이브러리, 앱 등의 코드는 오픈소스이어야 함
자유로운 제작
모두가 같은 환경에서 같은 API를 사용할 수 있음

안드로이드 앱 개발의 특징

컴포넌트는 어플리케이션의 구성 요소
클래스로 컴포넌트 개발
BUT 클래스는 모두 컴포넌트인 것은 아님!!

컴포넌트

특징

컴포넌트는 독립된 실행 단위이다
어플리케이션 라이브러리를 통한 다양한 개발 가능 (ex. 카메라 앱)
리소스의 활용이 다양함 (ex. Strins.xml)

종류

액티비티 : 화면 구성
서비스 : 백그라운드 작업
컨텐츠 프로바이더 : 앱 데이터 공유
브로드캐스트 리시버 : 부팅 완료, 방전 등의 상황

앱을 구성하는 파일 분석하기

모듈 폴더 구성

build.gradle : 빌드 설정 파일
- 플러그인 설정
- 컴파일 버전
- 앱 식별자 설정
- SDK 버전
- 앱 버전
- 컴파일 옵션
- 라이브러리 설정
AndroidManifest : 앱의 메인 환경 파일
- 네임스페이스 선언
- 액티비티 선언
res : 리소스 폴더
- drawable
- layout
- mipmap
- values
activity_main.xml : 레이아웃 xml 파일
MainActivity.kt : 메인 액티비티 파일

03. 코틀린 시작하기

생성일: 2023년 11월 16일 오후 11:35

코틀린 언어

코틀린 언어의 특징

표현력과 간결함
안전한 코드 : null 안정성
상호 운용성
구조화 동시성 : 코루틴

코틀린 기본 문법

코틀린 기본 문법은 편의상 JetBrains의 IntelliJ를 사용하였음!

//패키지명
package com.example.firstapplicationfortest
// 임포트문
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import com.example.firstapplicationfortest.ui.theme.FirstApplicationForTestTheme
// 클래스
class User {
    var name : String= "Siyoung" // 변수 타입 수동 지정, var은 수정 가능!!
    val lastName = "Lee"        // 변수 타입 자동 지정, val은 수정 불가!!
    var Hello = """
        Hello
        World
    """.trimIndent()
    //lastName = "Song"
    fun sayHello() : Unit { // Unit는 반환값이 없다는 뜻. void와 비슷함
        println("Hello, $name")
    }
}

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            FirstApplicationForTestTheme {
                // A surface container using the 'background' color from the theme
                Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {
                    Greeting("Android")
                }
            }
        }
    }
}
//함수
@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
            text = "Hello $name!",
            modifier = modifier
    )
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    FirstApplicationForTestTheme {
        Greeting("Android")
    }
}

import kotlinx.browser.document
import react.create
import react.dom.client.createRoot

fun main() {
    //val data0 : Int
    val data1 : Int = 10
    // 초기화 미루기
    lateinit val data2 : Int
    // null값은 뒤에 ? 붙이기
    var data3 : Int? = null
    // 모든 타입이 가능한 최상위 변수, Any
    val data4 : Any = "Helloooo"
    // collection, 0으로 초기화한 데이터를 3개 나열
    val dataCollection : Array<Int> = Array(3, { 0 })
    // 가변 리스틑 생성 시에는 mutable 사용. set & map을 사용 시에도 동일하게 적용된다
    var mutableList = mutableListOf<Int>(10, 20, 30)
}
//Int값 반환하는 sum 함수
fun sum(n : Int) : Int {
    var sum = 0
    // for문의 사용, ..n 은 0~n까지라는 뜻
    for (i in ..n) sum += i
    return sum
}

04. 코틀린 객체 지향 프로그래밍

생성일: 2023년 11월 16일 오후 11:36

객체지향 프로그래밍이란?

붕어빵 틀을 만들고, 붕어빵을 만드는 것!

붕어빵 틀을 내가 설계 함 : 아가미의 모양, 눈의 크기 등등 …. 클래스 설계
그 붕어빵 틀로 붕어빵을 만듬 : 조금 바삭하게 만든 붕어빵, 그냥 붕어빵 등등….객체 생성

클래스

import kotlinx.browser.document
import react.create
import react.dom.client.createRoot

fun main() {
}

class User {
    var name = "soyoung"
    var firstName = "Lee"
    // 생성자
    constructor(name : String, firstName : String) {
        this.name = name
        this.firstName = firstName
    }
    fun sayHello() {
        println("Hello, $firstName $name!")
    }
}
// 주생성자와 보조생성자
class User2 constructor() { //User2() 로 constructor 생략 가능
    init {
        println("this is an init message.")
    }

    var name = "soyoung"
    var firstName = "Lee"
}

class User3 {
    constructor(name : String) {
        println("only name typed")
    }
    constructor(name : String, firstName: String) {
        println("name and first name typed")
    }
}

클래스의 재사용

오버라이딩 : 상위 클래스에 선언된 함수, 변수를 같은 이름으로 하위 클래스에서 다시 사용하는 것, 재정의

접근 제한자

public : 모든 파일에서 접근 가능
interna*l : 같은 모듈 내에서 접근 가능
protected : 사용 불가
private : 파일 내부에서만 접근 가능

클래스의 종류

데이터 클래스 : 자주 사용하는 데이터를 객체로 묶어줌
오브젝트 클래스 : 익명 클래스, 이름이 없어 클래스를 선언하면서 동시에 객체를 생성해야 함 . . . 클래스에 선언한 멤버에 접근 불가….?
컴패니언 클래스 : 멤버 변수나 함수를 믈래스 이름으로 접근할 때 사용

05. 코틀린의 유용한 기법

생성일: 2023년 11월 16일 오후 11:36

람다 함수

일반적인 함수 선언 방식

fun 함수(매개변수) : 리턴값 { 함수 본문 }

fun sum(num1 : Int, num2 : Int) : Int {
	return num1 + num2
}

람다 함수 선언 방식

중괄호 영역 내 함수 선언, 사용은 다음과 같이 함

val sum = {num1 : Int, num2 : Int → num1 + num2}

sum(10, 20)

val sum2 = {num1 : Int, num2 : Int -> num1 + num2}(10, 20)
//반환값이 한개
val printOne = (num : Int -> println("your number is $num"))

매개변수가 없는 경우

val printHello{->println("Hello!")}
val printHello2{println("Hello!!!")}

람다함수에 반환값이 있을 때 return을 사용할 수 있음

val some = {num1 : Int, numm2 : Int -> return num1 * num2}

고차 함수

함수를 매개변수로 전달받거나 반환하는 함수

fun hofFun(arg : (Int) -> Boolean) : {} -> String {
	val result = if(arg(10)) {
		"valid"
	}else {
		"invalid"
	}
	return {"hofFun result : $result"}
}
fun main() {
	val result = hofFun({no -> no > 0})
	println(result)
}

Null 안전성

객체가 선언되었지만 초기화되지는 않은 상태

?연산자

: 널 허용

var data : String? = "Lee"
var data : String? = null

?.연산자

: 널 안전성 호출, 변수가 null인 상황을 고려해야 함. null이 아니면 접근 가능, null이면 접근 불가

var data : String? = "Lee"
var length = data?.length

?:연산자

: 엘비스, 변수가 null인데 변수를 호출하거나 실행해야 할 구문이 있는 경우

fun main() {
	var data : String? = "Lee"
	data = null 
	println("data : ${data?.length ?: -1}")
}

!!연산자

: 예외 발생 시, 객체가 null이면 안될 때!

fun some(data : String) : Int {
	return data!!.length
}

06. 뷰를 이용한 화면 구성

생성일: 2023년 11월 17일 오전 12:16

화면을 구성하는 방법

액티비티-뷰 구조

컴포넌트 중, 화면을 출력하는 컴포넌트는 액티비티Activity 뿐!
액티비티 내 내용 표시는 뷰View를 통해 구성함 ex) ImageView, TextView (: View class)

액티비티 코드로 화면 구성하기

레이아웃 XML로 화면 구성하기

뷰 클래스

뷰 클래스의 기본 구조

뷰 객체의 계층 구조

View : 뷰 클래스의 최상위 구조
ViewGroup : View의 하위 클래스, 자체 UI가 없어 화면에 나오지 않고 View 여러개를 묶어서 제어할 목적
TextView, ImageView… : 특정 UI를 출력할 목적으로 사용하는 클래스

뷰의 중첩 구조

레이아웃 클래스 : Linear Layout, ConstraintLayout, RelativeLayout… etc. 중첩하여 뷰를 복잡하게 구성할 수 있음
객체를 계층 구조로 만들어서 이용하는 패턴 : 컴포지트 패턴(Composite pattern) or 객체 모델 (document object model)

기본적인 뷰 살펴보기

텍스트뷰 TextView
이미지뷰 ImageView
버튼, 체크박스, 라디오버튼 Button, CheckBox, RadioGroup(RadioButton)
에디트 텍스트 EditText

뷰 바인딩

기존 : findViewById()를 이용해서 xml과 activity를 일일히 연결해주어야 함 → 무의미한 반복작업

뷰 바인딩 : 레이아웃 xml 파일에 선언한 뷰 객체를 코드에서 쉽게 이용

How to?

android {
	// 생략...
	viewBinding{
		enable = true
	}
}
// build.gradle

⚠️ 교재에는 enabled라 되어 있으나, enable 로 해야 함 (API 업데이트의 문제인 듯) + 컴파일 버을 34로 변경

MainActivity

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // 기존
        // setContentView(R.layout.activity_main)

        // 바인딩 객체 획득하기
        val binding = ActivityMainBinding.inflate(layoutInflater)
        // 액티비티 화면 출력
        setContentView(binding.root)

        binding.testTextView.setText("뷰 바인딩 성공!")

    }
}

카카오톡 비민번호 확인 화면 만들기

예제 따라하기

Code

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:padding="16sp"
    tools:context=".KakaotalkPWActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/main_desc"
        android:textSize="17sp"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10sp"
        android:text="[email protected]"
        android:textColor="#CFCFCE"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1sp"
        android:background="#D4D4D3"
        android:layout_marginTop="10sp"
        />

    <EditText
        android:id="@+id/editTextTextPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="비밀번호"
        android:inputType="textPassword" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10sp"
        android:text="@string/password_txt" />

    <Button
        android:id="@+id/button2"
        android:layout_width="300sp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="16sp"
        android:text="확인" />
</LinearLayout>

Design

07 뷰를 배치하는 레이아웃

생성일: 2023년 11월 30일 오후 4:55

선형으로 배치 - LinearLayout

LinearLayout 배치 규칙

LinearLayout : 뷰를 가로 혹은 세로 방향으로 나열하는 레이아웃

vertical : 세로로 나열
horizontal : 가로로 나열

layout_weight

layout_weight : 가중치, 뷰가 차지하는 비율!!

layout_weight = 3 : layout_weight = 1 일 때 어떤 모습?

gravity, layout_gravity

gravity : 뷰 정렬, 뷰 내의 내용을 정렬함

layout_gravity : 뷰 정렬, 뷰 자체의 위치를 결정함 + 상위 레이아웃이 이미 방향을 결정하는 경우 적용 불가!

상대 위치로 배치 - RelativeLayout

RelativeLayout 배치 규칙

RelativeLayout : 상대 뷰의 위치를 기준로 정렬하는 레이아웃 클래스

android:layout_above : 기준 뷰의 위쪽에 배치
android:layout_below : 기준 뷰의 아래쪽에 배치
android:layout_toLeftOf : 기준 뷰의 왼쪽에 배치
android:layout_toRightOf : 기준 뷰의 오른쪽에 배치

align 속성

align : 배치해야 할 이미지의 크기가 다른데, 어떻게 붙일건지?

android:layout_alignParentTop : 부모의 뮈쪽에 맞춤
android:layout_centerVertical : 부모의 세로방향 중앙에 맞춤

겹쳐서 배치 - FrameLayout

FrameLayout 배치 규칙

FrameLayout : 뷰를 겹쳐서 출력하는 레이아웃, 카드를 쌓듯이 겹쳐 얹어서 출력하는 레이아웃

대표적인 예시 : 하단 네비게이션 바 제작할 때

표 형태로 배치 - GridLayout

GridLayout 배치 규칙

GridLayout : 행과 열로 구성된 테이블 화면을 만드는 레이아웃 클래스

orientation : 방향 설정
rowCount : 세로로 나열할 뷰 개수
columnCount : 가로로 나열할 뷰 개수

GridLayout 속성

특정 뷰의 위치 조절하기
- layout_row : 뷰가 위치하는 세로 방향 인덱스
- layout_column : 뷰가 위치하는 가로 방향 인덱스
특정 뷰의 크기 확장하기
- layout_gravity : fill_horizontal 옵션有!
열이나 행 병합하기
- layout_columnSpan : 가로로 열 병합
- layout_rowSpan : 세로로 열 병합

계층 구조로 배치 - ConstraintLayout

ConstraintLayout 배치 규칙

ConstraintLayout : androidx에서 제공하는 라이브러리! RelativeLayout과 유사하나 더 많은 속성 제공

implementation ‘androidx.constraintlayout::constraintlayout:2.1.4’ 추가

레이아웃 편집기 사용

실습을 해 보았던 부분이므로 pass

전화 앱의 키패드 화면 만들기

코드

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    android:gravity="center_horizontal">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="20dp">

        <ImageView
            android:layout_width="15dp"
            android:layout_height="15dp"
            android:src="@drawable/add"
            app:tint="#00FF00"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="연락처 추가"
            android:textColor="#00FF00"
            android:textStyle="bold"/>

    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="100dp"
        android:text="02-120"
        android:textSize="40dp"/>

    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:columnCount="3"
        android:orientation="horizontal">
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="1"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="2"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="3"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="4"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="5"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="6"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="7"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="8"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="9"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="*"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="0"
            android:textSize="30dp"
            android:textStyle="bold"/>
        <TextView
            android:paddingLeft="40dp"
            android:paddingTop="10dp"
            android:paddingRight="40dp"
            android:paddingBottom="10dp"
            android:text="#"
            android:textSize="30dp"
            android:textStyle="bold"/>
    </GridLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp">
        <ImageView
            android:id="@+id/icon_video"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginRight="30dp"
            android:src="@drawable/video"/>
        <ImageView
            android:id="@+id/icon_call"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_toRightOf="@id/icon_video"
            android:src="@drawable/call"/>
        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginLeft="30dp"
            android:layout_toRightOf="@id/icon_call"
            android:src="@drawable/back"/>
    </RelativeLayout>

</LinearLayout>

결과

08 사용자 이벤트 처하기

생성일: 2023년 11월 30일 오후 4:56

터치와 키 이벤트

터치 이벤트

터치 : 앱의 화면에서 발생하는 사용자 이벤트

ACTION_DOWN : 화면을 손가락으로 누른 순간의 이벤트
ACTION_UP : 화면에서 손가락을 떼는 순간의 이벤트
ACTION_MOVE : 화면을 손가락으로 누른 채로 이동하는 순간의 이벤트

터치 이벤트 발생 좌표 얻기

onTouchEvent() 함수의 MotionEvent 객체로 얻음!

x : 이벤트가 발생한 뷰의 X 좌표
y : 이벤트가 발생한 뷰의 Y 좌표
rawX : 화면의 X 좌표
rawY : 화면의 Y 좌표

키 이벤트

키 이벤트 : 사용자가 폰의 키를 누르는 순간 발생하는 이벤트

onKeyDown : 키를 누른 순간의 이벤트
onKeyUp : 키를 떼는 순간의 이벤트
onKeyLongPress : 키를 오래 누르는 순간의 이벤트

키 이벤트로 처리할 수 있는 기능?

소프트 키보드
내비게이션 바 (뒤로가기, 홈, 오버뷰)

뷰 이벤트

뷰 이벤트의 처리 구조

뷰 이벤트 처리?

이벤트 소스 : 이벤트가 발생한 객체
이벤트 핸들러 : 이벤트 발생 시 실행할 로직이 구현된 객체
리스너 : 이벤트 소스와 이벤트 핸들러를 연결해주는 함수

클릭와 롱클릭 이벤트 처리

클릭 이벤트 : open fun setOnClickListener(l: View.onClickListener?) : Unit

롱클릭 이벤트 : open fun setOnLongClickListener(l: View.onLongClickListener?) : Unit

시계 앱의 스톱워치 기능 만들기

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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=".stopWatchActivity">

    <Chronometer
        android:id="@+id/chronometer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="100dp"
        android:gravity="center_horizontal"
        android:textSize="60dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="70dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal">

        <Button
            android:id="@+id/startButton"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:background="@drawable/round_button"
            android:text="Start"
            android:textColor="#FFFFFF"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/stopButton"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="25dp"
            android:background="@drawable/round_button"
            android:enabled="false"
            android:text="Stop"
            android:textColor="#FFFFFF"
            android:textStyle="bold"/>

        <Button
            android:id="@+id/resetButton"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="25dp"
            android:background="@drawable/round_button"
            android:enabled="false"
            android:text="Reset"
            android:textColor="#FFFFFF"
            android:textStyle="bold"/>

    </LinearLayout>

</RelativeLayout>

09 리소스 활용하기

생성일: 2023년 12월 28일 오후 10:20

리소스의 종류와 특징

앱 리소스 사용하기

리소스 디렉터리명은 고정
리소스 파일명은 values에추가하는 파일 제외 자바 이름 작성 규칙 준수
알파벳 대문자 X!!

리소스 종류

animator : 속성 애니메이션 xml
anim : 트윈 애니메이션xml
color : 색상 상태 목록 정의 xml
drawable : 이미지 리소스
mipmap : 앱 실행 아이콘 리소스
layout : 레이아웃 xml
menu : 메뉴 구성 xml
raw : 원시 형태로 이용되는 리소스 파일
values : 단순 값으로 이용되는 리소스
xml : 특정 디렉터리가 정의되지 않은 나머지 xml 파일
font : 글꼴 리소스

리소스 태그 종류

shape : 도형 모양 지정. rectangle, oval, line, ring이 있음
corners : 둥근 모서리(shape = rectangle이어야 함)
gradient : 그라데이션 색상 지정
size : 도형의 크기 지정
solid : 도형의 색상 지정
stroke : 도형의 윤곽선 지정

플랫폼 리소스 사용하기 : 안드로이드 플랫폼이 제공하는 리소스, android.R이라는 플랫폼 라이브러리의 R 파일에 등록

리소스 조건 설정

리소스를 특정 환경에서만 적용되도록 설정

리소스 디렉터리 이름에서 - 뒤 단어가 리소스 조건

ex) mipmap-mdpi : mdpi 라는조건

적용 가능한 기능

화면 회전에 대응하기
국제 언어 제공하기

폰 크기의 호환성

논리적인 단위 알아보기

dp : 스크린의 물리적밀도에 기반을 둔 단위
sp : dp와 유사하며, 글꼴 크기에 적용
pt : 스크린 크기의 1/72 = 1pt
px : 픽셀
mm : 밀리미터
in : 인치

메신저 앱의 인트로 화면 만들기

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:padding="20dp"
    tools:context=".IntroActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:src="@drawable/intro"/>

    <TextView
        android:id="@+id/mainTextView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:gravity="center_horizontal"
        android:text="@string/intro_main"
        android:textSize="20dp"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/detailTextView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/mainTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:gravity="center_horizontal"
        android:text="@string/intro_detail"/>

    <TextView
        android:id="@+id/delayTextView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:gravity="center_horizontal"
        android:text="@string/intro_delay"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/delayTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:background="@drawable/round_button"
        android:text="@string/intro_button"
        android:textColor="#FFFFFF"/>

</RelativeLayout>

jordan-comlinee / kotlin_study Goto Github PK

kotlin_study's Introduction

Kotlin_Study

01. 개발 환경 준비하기

안드로이드 스튜디오 설치하기

스튜디오 설치하기

첫번째 앱 만들기

앱 출시하기

02. 안드로이드 앱의 기본 구조

안드로이드 소개

안드로이드의 특징

안드로이드 앱 개발의 특징

컴포넌트

앱을 구성하는 파일 분석하기

모듈 폴더 구성

03. 코틀린 시작하기

코틀린 언어

코틀린 언어의 특징

코틀린 기본 문법

04. 코틀린 객체 지향 프로그래밍

객체지향 프로그래밍이란?

클래스

클래스의 재사용

클래스의 종류

05. 코틀린의 유용한 기법

람다 함수

일반적인 함수 선언 방식

람다 함수 선언 방식

고차 함수

Null 안전성

?연산자

?.연산자

?:연산자

!!연산자

06. 뷰를 이용한 화면 구성

화면을 구성하는 방법

액티비티-뷰 구조

액티비티 코드로 화면 구성하기

레이아웃 XML로 화면 구성하기

뷰 클래스

뷰 클래스의 기본 구조

기본적인 뷰 살펴보기

뷰 바인딩

뷰 바인딩

How to?

MainActivity

카카오톡 비민번호 확인 화면 만들기

예제 따라하기

Code

Design

07 뷰를 배치하는 레이아웃

선형으로 배치 - LinearLayout

LinearLayout 배치 규칙

layout_weight

gravity, layout_gravity

상대 위치로 배치 - RelativeLayout

RelativeLayout 배치 규칙

align 속성

겹쳐서 배치 - FrameLayout

FrameLayout 배치 규칙

표 형태로 배치 - GridLayout

GridLayout 배치 규칙

GridLayout 속성

계층 구조로 배치 - ConstraintLayout

ConstraintLayout 배치 규칙

레이아웃 편집기 사용

전화 앱의 키패드 화면 만들기

코드

결과

08 사용자 이벤트 처하기

터치와 키 이벤트

터치 이벤트

키 이벤트

뷰 이벤트

뷰 이벤트의 처리 구조

클릭와 롱클릭 이벤트 처리

시계 앱의 스톱워치 기능 만들기

09 리소스 활용하기

리소스의 종류와 특징

앱 리소스 사용하기