개복치개발자

-- 참고 https://developer.android.com/jetpack/compose/text?hl=ko Compose의 텍스트 | Jetpack Compose | Android Developers Compose의 텍스트 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 텍스트는 모든 UI의 중심 요소이며 Jetpack Compose를 사용하면 텍스트를 더 쉽게 표시하거나 쓸 developer.android.com

Text의 다양한 특성에 대해서 알아보겠습니다. 가장 기본적인 앱 형태입니다. (프로젝트 이름을 Default라고 했기 때문에, 자동으로 DefaultTheme 이라는 것이 생성됩니다.) 일단 코드를 조금 살펴보면 onCreate의 setContent 밑에는 DefaultTheme 이라고 있고 맨 밑에 Preview를 보면 DefaultTheme 이라고 있습니다. 다만, 조금 다른 것은 Surface라는 것이 있습니다. Surface라고 하면 HTML의 DIV를 생각하시면 될 것 같습니다. 내용물을 감싸는 틀 같은 것이죠. 그럼 surface가 있고 없고의 차이에 따라 위와 같이 보입니다. 아래와 같이 항목들을 사용해서 이렇게 만들 수 있습니다.

Android Studio를 처음 켰을 때 나오는 화면입니다. 보란듯이 Empty Activity에 Jetpack Compose로고가 있죠? 이 로고를 클릭해서 시작해보겠습니다. 우선 파일 구조부터 보고 가겠습니다. Color.kt -> 말 그대로 컬러를 설정하고 Theme.kt -> 테머 설정 Type.kt -> 디자인 항목 설정 정도라고 생각하면 됩니다. 메인화면 우측에 split을 누르면 화면이 split 되는 것을 보실 수 있습니다. 해당 부분이 보이는 곳은 Preview 부분입니다.