내맘대로 공부일기

Compose의 기본 레이아웃 | Android Developers 이 Codelab에서는 Compose에서 즉시 제공되는 컴포저블과 수정자를 통해 실제 디자인을 구현하는 방법을 알아봅니다. developer.android.com GitHub - chattymin/KotlinStudy Contribute to chattymin/KotlinStudy development by creating an account on GitHub. github.com /* * Copyright 2022 The Android Open Source Project * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this fi..

Jetpack Compose 기초 | Android Developers 이 Codelab에서는 Compose의 기본사항을 알아봅니다. developer.android.com 아래에 있는 코드 외에 수정해야할 사항들이 많습니다. 해당 프로젝트를 제 Git에 저장해두었으니 변경사항들을 확인하시며 공부하시면 도움이 될거 같네요 :) GitHub - chattymin/KotlinStudy Contribute to chattymin/KotlinStudy development by creating an account on GitHub. github.com package com.example.developersmaterial3 import android.content.res.Configuration.UI_MODE_N..

Box 이전에 배운 Column과 Row는 LinearLayout에 속한다. 하지만 Box는 FrameLayout계층이다. 그렇기 때문에 중복되게 표현해주는 특징으로 인해 한개의 Box에 여러개의 텍스트를 넣어주게 되면 겹쳐서 나타나게 된다. class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { Box(){ Text("Hello") Text("ABCDEFGHIJKLMNOP") } } } } 이처럼 하나의 박스 내부에 2개 이상의 텍스트를 넣어주게 되면 겹쳐서 출력된다. 이를 해결하는 방법은 Box의 활용..

Android Studio에서 컴포즈를 활용하는 프로젝트를 생성한다면 아래와 같은 코드가 기본으로 적혀있을 것이다 . class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { MyFirstComposeApplicationTheme { // A surface container using the 'background' color from the theme Surface(color = MaterialTheme.colors.background) { Greeting("Android") } } } } } @Compos..

Text 말 그대로 텍스트를 화면에 출력시켜준다. class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { InflearnProjectTheme { Surface(color = MaterialTheme.colors.background) { Text("Hello") } } } } } 이때 한줄이 아닌 여러줄을 출력시키고자 할 경우 Text를 여러번 호출시킬 수 있다. class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceSt..

Jetpack Compose Native UI를 코드레벨로 구현할 수 있는 최신 툴킷이다. 기존의 뷰를 업데이트하는 방식과 달리 Compose를 사용하면 필요한 영역의 뷰를 다시 그려주는 방식으로 작업할 수 있다. 지금까지 Android 어플리케이션을 개발하기 위해서는 대부분 XML을 활용해야만 했다. 하지만, Jetpack Compose를 활용하게 된다면 코틀린 단 하나로 Android 어플리케이션을 개발할 수 있다. 아래는 간단한 예제이다. class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { Inf..