즐겁게, 코드

본 글은 Android Jetpack Compose CodeLab 1주차 내용을 정리한 글입니다. 이전 글에서는 Surface 와 Modifier 를 간단히 소개했는데요, 이번 글에서는 Row, Column 컨테이너를 간단히 알아보도록 하겠습니다. Row, Column 컨테이너 웹 프론트엔드에서는 flexbox 등의 레이아웃을 통해 요소의 위치를 정렬했는데요, 컴포즈에도 요소의 정렬 형태를 지정하는 Column, Row요소가 존재합니다. Column, Row 요소를 사용하는 것은 어렵지 않은데, Column, Row를 각각 컨테이너 라고 생각하고 자식 요소를 감싸도록 하면 지정한 축의 방향대로 자식 요소들이 정렬되어 나타납니다. 🚨 Tip) Row가 x축, Column이 y축 정렬을 의미합니다. (CSS..

Android Jetpack Compose CodeLab 1주차 - Compose Basics 본 글은 Android Jetpack Compose CodeLab 1주차 - Compose Basics 를 정리한 내용입니다. 아마 안드로이드 개발을 접해봤다면, 안드로이드는 웹 프론트엔드와는 다르게 XML 파일을 수정하거나 드래그 앤 드롭 기반 레이아웃 에디터를 수정해 화면을 구성한다는 것을 기억하실 것입니다. 드래그 앤 드롭으로 레이아웃을 작성하는 방법은 어떤 면에서는 코드를 직접 작성하는 것보다 편리했지만, 레이아웃을 정의하기 위해 요소들간의 상대적인 관계를 알아야만 하거나, 동적으로 레이아웃을 구성해야 하는 경우에는 많은 어려움이 따랐습니다. 하지만 제트팩 컴포즈를 사용하면 마치 HTML의 마크업을 구성..