jetpack compose(30)
-
Jetpack Compose - Material Design, Scaffold,
https://github.com/SeongHyunJeon/android-kotlin-practice/tree/d44b1e1aada5384dd47692aa2c92d3119bb6684a/Woof Material Design - 앱의 전체적인 테마를 지정할 수 있는 디자인 시스템. Theme.kt 파일 - 색상, 서체, 도형 같은 전반적인 테마를 정의한 파일로, 컴포저블 함수의 선언을 통해 각각의 요소를 정의하여 사용할 수 있다. 여기서 사용된 테마 색상 구성은 Material 테마 빌더 사이트를 이용하면 쉽게 구현할 수 있다. 테마 색상의 역할primary - UI 주요 구성 요소.secondary - UI에서 눈에 덜 띄는 구성 요소.tertiary - 기본 색상과 보조 색상의 균형을 맞추는 색상으로..
2024.01.29 -
Jetpack Compose - Grid Practice
https://github.com/SeongHyunJeon/android-kotlin-practice/tree/b09a23696b0f2e6ea32673e5baa3b0523f649cd7/Courses
2024.01.26 -
Jetpack Compose - LazyColumn, Legacy icons, Adaptive icons
https://github.com/SeongHyunJeon/android-kotlin-practice/tree/a46ed8e8e877a6db82d79edb8279c9a47c32d165/Affirmation LazyColumn - 모든 요소를 한 번에 렌더링하여 메모리와 성능에 민감한 Column과 달리, LazyColumn은 보이는 영역 내에서만 렌더링하여 효율적으로 작동하는 덕분에 스크롤이 발생할 수 있는 대규모 목록에 사용된다. items() - 파라미터로 리스트와 람다를 받아 LazyColumn의 항목 추가를 담당한다. 비트맵 레거시 아이콘(Legacy icons) - mdpi, hdpi, xhdpi, 등등 다양한 해상도의 런처 아이콘들을 의미하는데, 각각 다른 해상도를 가진 안드로이드 기기들에 적..
2024.01.24 -
Jetpack Compose - Layout Practice
https://github.com/SeongHyunJeon/android-kotlin-practice/tree/7fc968fd419e8b6a606ce354f88466302a81e37c/ArtSpace
2024.01.24 -
Jetpack Compose - Unit Test, Instrumentation test
class TipCalculatorTests { @Test fun calculateTip_10dollars_20PercentNoRoundup() { val amount = 10.00 val tipPercent = 20.00 val expectedTip = NumberFormat.getCurrencyInstance().format(2) val actualTip = calculateTip(amount = amount, tipPercent = tipPercent, false) assertEquals(expectedTip, actualTip) } } 로컬 테스트(Unit Test) class TipUITests { @get:Rule val composeTestRule = createComposeRule() @T..
2024.01.23 -
Jetpack Compose - TextField, Stateless, Stateful, Switch, etc
https://github.com/SeongHyunJeon/android-kotlin-practice/tree/6e86f8df81ea7da59d36ca4ab67c653822ae4341/Tip_Calculator TextField(label) - 텍스트 필드 라벨 추가. TextField(leadingIcon) - 텍스트 필드 아이콘 추가. TextField(keyboardOptions) - 텍스트 필드 입력시 가상 키보드 Enter 버튼의 형태. Switch(checked) - 스위치 초기 선택 여부. Switch(onCheckedChange) - 스위치 콜백 함수. Modifier.verticalScroll(rememberScrollState()) - 스크롤을 가능하게 하고, 스크롤 상태를 자동으로 기..
2024.01.23