본문 바로가기
728x90
반응형

전체 글116

(Compose) Row, Column 안녕하세요! 이번 글에서는 Jetpack Compose의 가장 기본적이면서도 정말 많이 사용되는 컴포넌트인 Row와 Column에 대해 알아보겠습니다.이전 블로그 글에서 Text와 Button과 Image에 대해서 알아보았는데 이 컴포넌트들을 배치하는 방법에 대해서는 다루지 않았습니다. 또한 XML을 사용해서 UI 개발을 하던 개발자가 Compose를 처음 접한다면 “뷰(View)에서 LinearLayout을 세로/가로로 쓰던 걸 Compose에서는 뭘로 하지?”라는 생각을 할 수 있어요.바로 이때 등장하는 게 Row와 Column입니다.Row와 Column이란?Row: 자식 컴포넌트들을 가로 방향(수평)으로 배치Column: 자식 컴포넌트들을 세로 방향(수직)으로 배치뷰(View) 시절의 LinearL.. 2025. 7. 30.
(Compose) Image Jetpack Compose에서 이미지를 화면에 표시할 때 사용하는 Image 컴포넌트에 대해 소개합니다.앱을 만들 때 사진, 그림, 아이콘 등을 보여주는 건 거의 필수 기능인데요, Compose에서는 이 과정을 어떻게 처리할 수 있을지 알아보겠습니다.Image 컴포넌트란?Image는 단순히 말해 화면에 비트맵, 벡터, URL로 불러온 이미지 등을 보여주는 UI 컴포넌트입니다.Compose에서는 painter라는 개념을 이용해 이미지를 그리는데, 로컬 리소스뿐만 아니라 네트워크 이미지도 손쉽게 사용할 수 있습니다.Image( painter = painterResource(id = R.drawable.sample_image), contentDescription = "샘플 이미지")크기와 스타일 .. 2025. 7. 29.
(Compose) Button 이번 글에서는 Jetpack Compose의 가장 기본적이면서도 사용자와 상호작용 할 수 있는 UI 컴포넌트인 Button에 대해 이야기해보려고 합니다.Button 컴포넌트란?Compose에서 버튼은 Button() 함수를 사용해 구현합니다.예를 들어, 화면에 간단한 버튼 하나를 만들고 싶다면 이렇게 작성할 수 있습니다.var count by remember { mutableStateOf(0) }Button(onClick = { count++ }) { Text("클릭 수: $count")}onClick 파라미터에 클릭 시 동작을 넣고, 버튼 안에는 Text를 사용해 표시할 글자를 넣습니다. XML 시절보다 훨씬 간단하고 직관적입니다.버튼에 색상과 모양 추가하기Compose의 버튼은 다양한 속성을 통.. 2025. 7. 29.
(Compose) Text 안녕하세요! 이번 글에서는 Jetpack Compose를 공부하시는 분들이 가장 먼저 만나게 되는 컴포넌트 중 하나인 Text 컴포넌트에 대해 소개해보려고 합니다. Text 컴포넌트란?Text 컴포넌트는 화면에 글자를 보여주는 가장 기본적인 컴포넌트입니다.XML 시대에는 를 썼지만, Compose에서는 Text() 함수를 사용합니다. 사용법도 매우 직관적입니다.Text(text = "안녕하세요, Compose!")이렇게 한 줄만 작성해도 화면에 "안녕하세요, Compose!"라는 글자가 나타납니다. Text의 다양한 속성Compose의 Text는 단순히 문자열만 출력하는 용도가 아닙니다.여러 가지 속성을 조합해 글자 스타일을 쉽게 바꿀 수 있습니다.Text( text = "안녕하세요, Compose.. 2025. 7. 28.
(Git) git alias로 빠르게 사용자 정보 변경하기 개발을 하다 보면 같은 컴퓨터에서 여러 계정 정보로 git commit을 해야하는 경우가 있습니다. 예를 들면 회사컴퓨터에서 회사와 개인 프로젝트를 오가며 git user.name과 git user.email을 바꿔야 하는 상황이 있습니다.매번 복잡하게 변경하는 것 보다 git alias를 활용해서 한 줄 명령어로 빠르고 간단하게 전환할 수 있는 방법이 있습니다.alias란?alias는 git 명령어를 짧은 이름으로 별칭을 만들어 빠르게 실행할 수 있도록 도와주는 기능입니다.예를 들면, git status를 git st 처럼 줄여 쓸 수도 있고, 복잡한 명령어도 하나의 단축어로 만들 수 있습니다. 이번 블로그에서는 복잡한 명령어를 하나의 단축어를 만드는 것을 소개합니다.alias 만들기먼저 git 전역 .. 2025. 7. 28.
(Compose) Compose 소개 안드로이드 앱을 만들 때 UI를 어떻게 설계하고 구현할까? 가 가장 큰 고민입니다.기존에는 TextView와 Button, ImageView와 같은 View를 XML에 정의하고, Kotlin에서 가져와 속성을 바꾸고 액션을 지정하며 화면을 만들었습니다.이제는 더 쉽고, 현대적인 방법인 Compose를 사용해서 UI를 구현할 수 있습니다. Jetpack Compose는 Google이 공식적으로 제공하는 선언형 UI 툴킷으로 최근 안드로이드 개발 표준으로 자리 잡고 있는 기술입니다.Compose는 화면의 상태(state)에 따라 UI를 선언적으로 그려주는 프레임워크 라고 할 수 있습니다. 기존 View는 XML에 UI를 정의하고 Kotlin에서 findViewById()로 뷰를 가져와서 속성을 변경하고 액션.. 2025. 7. 24.
728x90
반응형

티스토리툴바