즐겁게, 코드

본 글은 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주차 - Tweaking the UI 본 글은 Android Jetpack Compose CodeLab 1주차 강의를 정리한 내용입니다. 이전 글에서는 컴포즈가 제공하는 Text 라는 함수를 통해 텍스트를 화면에 띄워 봤는데요, 이번에는 UI를 구성하는 Surface와 Modifier 라는 기본적인 요소 및 속성에 대해 알아보도록 하겠습니다. Surface Surface 는 요소를 감싸는 컨테이너와 같은 역할을 하는 요소입니다. @Composable private fun Greeting(name: String) { Surface(color = MaterialTheme.colors.primary) { Text (text = "Hello $name!..

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

작성일 : 2021년 11월 07일 실행환경 : Apple Macbook Air with M1 Chip, MacOS 12.0.1, Android Studio Arctic fox [에러 메시지] : Failed to install the following Android SDK packages as some licences have not been accepted. build-tools; 30.0.2 Android SDK Build-Tools 30.0.2 M1칩 맥북에어에 처음 안드로이드 스튜디오를 설치하고 앱을 빌드하니 출력된 오류입니다. 원인은 라이센스 관련 SDK 도구가 설치되지 않았기 때문인데요, 한번 순서대로 해결해 보겠습니다. 1. 안드로이드 스튜디오 설정 진입 (영문명 : Preferences)..