Junn_

https://developer.android.com/develop/ui/compose/setup?hl=ko

build.gradle.kts (Module: app)

    kotlinOptions {
        jvmTarget = "1.8"
    }
    
    buildFeatures {
        compose = true
    }

    composeOptions {
        kotlinCompilerExtensionVersion = "1.5.13"
    }

위 안드로이드 공식 문서를 참조하여 option과 dependency를 추가해 준다.

Compose Activity 생성

    File - New - Compose - Empty Activity

class ComposeActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            KotlinMemoTheme {
                // 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() {
    KotlinMemoTheme {
        Greeting("Android")
    }
}

Compose는 @Preview 어노테이션을 통해 미리보기가 가능하며, 기존 xml과 동일하게 Split / Design을 통해 해당 View를 확인 할 수 있다.

 Render Problem

위 예시 코드를 보면 "Hello Android!" 가 보여야 할 것 같지만, render problem이 발생하여 검은색 화면으로만 표시 되었다.

Compose Compiler Version 과 Compatible Kotlin Version이 동일 해야하며, 위 에러메세지는

Compatible Kotlin Version -> 1.9.22 를 사용 하지만 Compose Compiler Version -> 1.5.13 으로 맞춰주고 있음으로 발생하는 에러이다.

해당 버전은 다음 문서에서 확인 가능하다.

https://developer.android.com/jetpack/androidx/releases/compose-kotlin

위 build.gradle 에서 설정한 composeOptions 의 kotlinCompilerExtensionVersion을 변경해 준다.

// Compatible Kotlin Version -> 1.9.22

// Compose Compiler Version -> 1.5.10

해당 설정이 끝난 후에도 Render Problem이 발생한다면, Api 레벨을 확인해 본다.

현재 IDE가 API 34를 지원하지 않고 있다고 한다.

https://stackoverflow.com/questions/77611812/android-compose-preview-render-problem-with-api-34-and-compose-ui-1-5-0

@Preview(apiLevel = 33)

Preview의 apiLevel을 33으로 지정하고 확인하면 Hello Android! 가 보이는 것을 확인 할 수 있다.

동탄에서 자전거 스탬프 투어를 할 수 있다는 소식을 듣고

마침 연차인 오늘 투어를 떠났다. 💨

수첩은 '청소년 문화의 집' 2층 안내데스크에서 받을 수 있고,

수첩에는 전체적인 노선과 동탄1지역, 동탄2지역의 세부적인 노선이 나와있었다.

 동탄 청소년 문화의 집

수첩 받고 내려와서 문화의 집 뒤로 가면 첫번째 도장을 찍을 수 있는 스탬프가 보인다.

스탬프 위치 : 문화의 집 뒷편 자전거 거치대

동탄 센트럴파크 & 메타폴리스

농구장 쪽으로 조금 올라가면 보이는 센트럴파크

스탬프 위치 : 정자 앞

노작공원

노작공원도 센트럴파크에서 가까이 위치하고 있기에 무리없이 찾아갈 수 있었다.

이 친구는 길 따라가다가 계단 아래에 있어서,

몸만 내려갔다오는 것을 추천..

스탬프 위치 : 계단 우측

동탄여울공원

2동탄으로 넘어갈까 내려갔다가 갈까 고민하다가 결정한 동탄 여울공원

스탬프 위치 : 화장실 앞 분수대

선납숲공원

다시 올라와서 2동탄으로 넘어갔다.

자전거 탈 때는 항상 길이 헷갈려서 여기서부턴 카카오맵 키고 달려서 도착..!

스탬프 위치 : 우암루 아래 입구 부분

치동천공원

치동천 힐링정원 근처라고 적혀있는데,

찾기가 상당히 어려웠다.

치동천 힐링정원에서 길 건넌 후 아래로 내려가야 발견 할 수 있다...

스탬프 위치 : 치동천 힐링정원 건너편 아래 자전거 거치대 옆

목동이음터

길 따라서 가면 목동이음터 건물이 나오고 해당 건물 입구로 들어가면 찾을 수 있다.

스탬프 위치 : 건물 입구 기둥 뒤

동탄호수공원

호수공원 자전거 타고는 처음오는데,

이렇게 오니까 또 새롭다.

스탬프 위치 : 사진참조

방아다리공원

공원 내부로 들어오면 물레방아가 보여서 찾기 쉬웠다.

근데 잉크가 말라버려서 못찍고,, 자국만 남겨갔던 곳

스탬프 위치 : 공원 내 물레방아 앞

탄요유적공원

여긴 자전거 길은 아닌거 같은데 네비 따라 들어가서 찾은 마지막 장소

스탬프 위치 : 놀이터 안쪽 굴뚝조형물 앞

꽤나 디테일 있는 러버덕 기념품 ㅋㅋㅋ

모자가 탈부착이라 모자 씌워줄 때 만족감 😎

5~6월에 계획한 국토종주는 여러 상황 겹쳐 못갔지만, 아쉬운대로 축소판을 달린 느낌

길이 그렇게 좋은 느낌은 아니었고, 스탬프 위치도 수첩만 보고 가기에는 어려운 장소도 있었다.

신호 기다리면서 멍하니 건물들 바라보고 있으니 약간 임장 느낌도 나고..?

그래도 뭐든 해냈다는 기분이 마음을 풍요롭게 하는 건 변함이 없는 듯 하다 :)