📱Android 개발을 위한 Kotlin & Jetpack Compose

💠Kotlin이란 ?

• 안드로이드 앱을 만들 때 거의 필수처럼 쓰이는 프로그래밍 언어, 2017년부터 Google이 공식 Android 개발 언어로 채택했을 만큼 중요도가 높음

• 특징

  • 간결함: 코드를 짧고 깔끔하게 쓸 수 있음

  • 안정성: 널(null) 관련 에러 감소

  • 현대적인 문법: 람다, 확장 함수, 데이터 클래스 등 최신 문법 지원

  • Java와 100% 호환 가능
    
    
    

변수 선언 & 데이터 타입

• Kotlin에서는 변수 선언 시 val 또는 var를 사용한다.

val name: String = "홍길동"  // 읽기 전용 (불변)
var age: Int = 24         // 변경 가능

val : 한 번 정하면 바꿀 수 없는 값
var : 나중에 값을 바꿀 수 있는 변수

보통 변경할 필요 없는 값은 val로, 꼭 바뀌어야 하는 값만 var로!

• Kotlin은 타입을 명시하지 않아도 자동으로 추론해줌!

val message = "안녕"  // String으로 자동 추론
val count = 5         // Int로 추론

널(null) 안정성

Kotlin의 가장 강력한 특징 중 하나는 널 안정성이다.

• 널일 수도 있는 값에 접근할 땐 ?. 이나 ?:를 활용

var nickname: String? = null  // ?를 붙이면 null 허용

• 아예 null을 허용하지 않는 방식으로 안전하게 설계가능

println(nickname?.length ?: 0)  // null이면 0 출력

💠컴포저블 함수

Jetpack Compose는 선언형 UI 방식을 사용하는 Android UI 툴킷으로, 이전에 말했던 것과 같이 XML 없이도 코드로 UI를 만들 수 있다.

컴포저블 함수란?

@Composable 어노테이션이 붙은 함수는 UI를 구성하는 블록으로,
쉽게 말해서 XML로 UI를 짜던 걸 함수로 직접 그린다고 생각하면 된다.

@Composable
fun HelloText() {
    Text(text = "안녕하세요!")
}

• 이 함수는 화면에 텍스트를 보여주는 역할

• Text, Button, Column 등 Compose 전용 UI 요소들은 Composable 함수 안에서만 사용 가능!
  
  
  

상태 컴포저블 vs 비상태 컴포저블

컴포저블 함수는 상태(State)를 가지는지 여부에 따라 나눌 수 있다.

📌 비상태 컴포저블

• UI만 존재 , 내부 상태는 없음

@Composable
fun Title() {
    Text("Compose")
}

📌 상태 컴포저블

• UI + 상태 보유, 값 변화에 따라 자동 재구성됨

• remember와 mutableStateOf를 이용해 상태 저장

• 값이 바뀌면 자동으로 해당 UI만 다시 그림

@Composable
fun ClickCounter() {
    var count by remember { mutableStateOf(0) }

    Button(onClick = { count++ }) {
        Text("Clicked $count times")
    }
}

컴포저블 함수 구문 정리

• 매개변수 전달 가능

@Composable
fun Greeting(name: String) {
    Text("Hello, $name!")
}

• 중첩 호출 가능

@Composable
fun Screen() {
    Greeting("길동")
    Greeting("홍길동")
}

• UI 컴포넌트 조합 가능

@Composable
fun MyScreen() {
    Column {
        Text("제목")
        Button(onClick = { /* 이벤트 */ }) {
            Text("클릭!")
        }
    }
}

파운데이션(Foundation) 컴포저블

파운데이션 컴포넌트는 Compose의 기본적인 UI 구성요소
주로 배치, 크기, 정렬 등 레이아웃의 뼈대를 다룰 때 사용된다.

• Text(): 텍스트 출력
• Row {} : 가로로 나열
• Column {} : 세로로 나열
• Box {} : 겹치기, 자유 배치
• Spacer() : 빈 공간 삽입
• Image() : 이미지 출력

@Composable
fun SimpleLayout() {
    Column(
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text("안녕하세요")
        Spacer(modifier = Modifier.height(10.dp))
        Text("반갑습니다")
    }
}

머티리얼(Material) 컴포저블

Material 컴포저블은 구글의 머티리얼 디자인 철학을 적용한 컴포넌트
버튼, 카드, 스낵바 등 익숙한 UI들이 여기에 포함된다.

• Button() : 버튼
• Card() : 그림자/둥근 UI 카드
• Scaffold() : 전체 레이아웃 틀
• TopAppBar() : 상단 앱 바
• FloatingActionButton() : FAB 버튼
• Snackbar() : 하단 메시지

@Composable
fun MaterialSample() {
    Scaffold(
        topBar = {
            TopAppBar(title = { Text("My App") })
        },
        floatingActionButton = {
            FloatingActionButton(onClick = {}) {
                Icon(Icons.Default.Add, contentDescription = "추가")
            }
        }
    ) {
        Text("메인 화면")
    }
}

Scaffold는 기본 레이아웃을 정리할 때 필수 요소!
앱의 상단 바, 하단 바, 플로팅 버튼 등을 간편하게 넣을 수 있다.

• @Composable 함수는 Compose의 UI 단위!
• 상태 유무에 따라 동작이 달라짐
• 파운데이션은 레이아웃, 머티리얼은 UI 컴포넌트에 초점

---

코틀린의 기초 문법부터 시작해서 컴포저블 함수와 상태 관리, 머티리얼 컴포넌트까지 전반적인 개요를 정리해보았다. 앞으로 더 심화된 개념들과 예제들을 공부하며 실제 앱 개발까지 가보도록 하겠다!