Jetpack Compose 찍먹 해보기!

Jetpack Compose는 네이티브 UI를 빌드하기 위한 Android의 최신 도구 키트입니다. 기존 XML을 사용하여 UI를 제작하던 방식을 버리고, Kotlin API를 이용하여 더 빠르고, 직관적으로 UI를 구현할 수 있습니다.항상 xml를 이용하여 view

지난 시간에는 Compose 프로젝트를 만들어보고 간단한 코드를 살펴보았는데요, 이번에는 직접 코드를 수정하여 텍스트를 출력해봅니다.일단 아래 코드처럼 Hello와 World를 출력해봅시다.에뮬레이터를 실행하여 결과를 보면 다음과 같이 두 글자가 겹쳐져 있는 것을 보실

안녕하세요. 이번 포스팅에서는 다음 사진처럼 이미지 카드를 활용하여 이쁜 사진을 추가해볼겁니다.어떤 이미지 카드를 넣을 것인지 정의할 수 있게 이미지 카드 composable 함수를 지정해 줄 것입니다.파라미터로는 이미지 파일을 가르키는 painter, 사진의 설명을

안녕하세요 이번에는 위 사진 처럼 텍스트 스타일링을 해볼거에요!https://fonts.google.com/ 에 들어가셔서 원하시는 폰트를 다운받아주세요!그 다음, res 폴더에 font 리소스 폴더를 만들고 다운 받은 font family를 넣어주세요.붙여

Philipp Lackner님의 영상을 보며 열심히 Compose를 배우던 와중, Compose를 활용하여 데스크탑 앱을 만드는 영상이 올라와서 따라해보았습니다.Intellij IDE 가 필요합니다. Jetbrains 홈페이지를 통해 다운받아줍니다.새 프로젝트 생성 창

안녕하세요. 이번 포스팅은 Compose로 어떻게 리스트를 구성하는지 같이 알아보는 시간을 가져보겠습니다.for loop를 이용하여 리스트를 반복적으로 생산하여 리스트를 구성해보겠습니다. 스크롤 상태 저장 변수인scrollState을 선언해주고, verticalScro

안녕하세요 이번 포스팅은 위 사진처럼 바텀 네비게이션 레이아웃을 이용하여 간단한 화면전환을 해보도록 하겠습니다.앱 수준의 build.gradle로 들어가서 다음과 같은 종속항목을 추가해줍니다.MainActivity 하단에 컴포저블 함수를 지정하여 각각의 화면을 구성해줍

기존 앱의 RecyclerView는 상당한 보일러 플레이트 코드가 발생합니다. 그렇기 때문에 Jetpack Compose의 LazyColumn을 통하여 리스트를 구성하면 같은 성능에 더 적은 코드로 리사이클러뷰를 만들 수 있습니다.이번에는 ComposeView를 사용하