# Compose UI

3개의 포스트

[Android] Jetpack Compose

링크텍스트 Compose 란? Android를 위한 현대적인 선언형 UI 도구 키트. Compose는 SwiftUI 나 Flutter 과 같이 선언형 API를 제공한다. 즉 기존의 명령형 UI인 XML과 다른 방식으로 UI 를 구성한다. 명령형 vs 선언형 Compose 는 선언형 UI 라고 하였다. 그러면 명령형과 선언형의 차이점은 무엇일까. 친구에게 현재 위치에서 우리 집에 오는 방법을 설명하고자 한다면 명령형 > 앞 사거리에서 좌회전 받아서 CU가 보일 때 까지 직진하다가 CU 를 끼고 우회전 후에 유턴하고... 선언형 > 우리 집 주소는 00로 20 ㅇㅇ아파트 101동 1101호야 쉽게 보면 위와 같이 이해할 수 있다. RecyclerView vs LazyColumn 기존 XML 방식은

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

[Android] Jetpack Compose - Bottom Navigation 만들기

Jetpack Compose Jetpack Compose는 새롭게 등장한 안드로이드 네이티브 UI 개발 도구다. 기존의 xml을 대체한 선언형(declarative) UI로 UI 개발을 간소화하고 가속화한 도구이다. 결과물 맨 위 gif가 Jetpack Compose를 이용해 Bottom Navigation Bar를 만든 결과물입니다. 배경 선언형 UI는 기존에 SwiftUI나 Flutter가 사용하고 있었다고 합니다. 최근 동향이 선언형 UI로 바뀌고 있는 것 같아 새 프로젝트에 적용해보며 포스팅을 해보기로 결심했습니다. 추후에 Jetpack Compose의 장점을 다루도록 하고 오늘은 Jetpack Compose로 Bottom Navigation 만드는 과정을 적어보도록 하겠습니다. 1. New Project에서 Empty Compose Activity를 선택하여 새 안드로이드 프로젝트를 만듭니다. ![](https://v

2022년 6월 1일
·
2개의 댓글
·
post-thumbnail

[Android] Error running 'Preview': "There is no @Composable named

안드로이드 공부 기록 compose ui를 이용해서 실습하다가 Error running 'Preview': "There is no @Composable named 라는 에러가 발생했다. 뭐지했다. 왜냐하면 나는 @preview를 지웠기 때문이다. 한참을 찾다가 안드로이드 스튜디오 상단에 있는 버튼을 보았다. 바로 이렇게 생긴.. ⁇⁇⁇⁇⁇⁇⁇⁇⁇⁇⁇⁇ ⁇⁇⁇⁇⁇⁇⁇⁇⁇⁇⁇⁇ ![](https://velog.velcdn.com/images/dev-junku/post/120f9e33-5b1b-40

2022년 5월 19일
·
0개의 댓글
·