Android/Compose
![[Android/Compose] Jetpack Compose의 디자인 시스템](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FNuFAj%2Fbtryowr7mhC%2FPZLq1pjIJEcun32TyHYKZK%2Fimg.png)
[Android/Compose] Jetpack Compose의 디자인 시스템
Compose를 알면 알수록 얼른 마스터해서 완성된 앱을 보고 싶다는 생각이 들었어요. 그래서 화면 UI를 담당하는 함수에 대해 자세히 알고 싶어 졌습니다. 지금은 저번 포스트에서 부가적인 설명을 더해 Surface와 Modifier에 대해 알아보려고 합니다! Surface Surface Composable은 배경색이나 배경 테두리 등을 설정합니다. 하지만 Surface는 modifiers를 사용하여 동일한 작업을 수행할 수도 있어요. 그럼 Surface를 사용하지 않아도 되는 거 아닌가요? Surface를 왜 사용하는 걸까요? Surface Composable은 코드를 더 쉽게 만들 뿐만 아니라 코드가 Material Surface을 사용함을 명시적으로 나타냅니다. 예를 들어 설명해볼게요. Surfac..
![[Android/Compose] Jetpack Compose의 기본 개념](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FthuZX%2Fbtrx0KSqd3t%2Fcug8a60l3lVGwpjUKEevZ1%2Fimg.png)
[Android/Compose] Jetpack Compose의 기본 개념
Jetpack Compose는 네이티브 UI를 빌드하기 위한 Android의 최신 도구입니다. 이와 비슷한 선언형 UI로 SwiftUI, Flutter 등이 있다. 기존 레거시 뷰 체계는 앞으로 등장하게 될 다양한 기기들의 화면(폴더블, 태블릿 등)에 대응하기 어렵습니다. 따라서 Google은 2021년 5월, 새로운 Android UI 설계 프레임워크를 출시하였습니다. Jetpack Compose의 특징 적은 수의 코드로 더 많은 작업을 하고 전체 버그 클래스를 방지할 수 있으므로 코드가 간단하며 유지 관리하기 쉽습니다. 기존의 모든 코드와 호환되므로 언제 어디서든 원하는 대로 사용할 수 있습니다. Compose는 Android 플랫폼 API에 직접 액세스하고 material 디자인, 어두운 테마, 애..