기본 콘텐츠로 건너뛰기

안드로이드 앱 만들기 : Layout 만들기 xml vs jetpack compose 장.단점 비교해 보기


원본출처: 티스토리 바로가기

안드로이드 레이아웃은 XML 파일을 사용하여 정의하는 것이 일반적입니다. 최근에는 Jetpack Compose라는 새로운 레이아웃 라이브러리가 도입되어 XML 레이아웃과 함께 사용되고 있습니다.

XML 레이아웃의 장점

  • 익숙한 방식: XML은 개발자들이 익숙한 레이아웃 방식입니다.
  • 다양한 레이아웃 지원: XML은 다양한 종류의 레이아웃을 지원합니다.
  • 성숙한 생태계: XML 레이아웃은 오랜 시간 동안 사용되어 왔기 때문에 다양한 라이브러리와 툴이 지원됩니다.

XML 레이아웃의 단점

  • 복잡한 코드: XML 레이아웃은 복잡한 UI를 구현하기 위해 많은 코드를 작성해야 합니다.
  • 유지보수 어려움: XML 레이아웃은 유지보수가 어렵습니다.
  • 성능 저하: XML 레이아웃은 Jetpack Compose에 비해 성능이 저하될 수 있습니다.
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="horizontal">      <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="안녕하세요!" />      <Button         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="확인" />  </LinearLayout>

Jetpack Compose의 장점

  • 간결한 코드: Jetpack Compose는 declarative programming을 사용하여 간결한 코드로 UI를 구현할 수 있습니다.
  • 유지보수 용이성: Jetpack Compose는 유지보수가 쉽습니다.
  • 성능 향상: Jetpack Compose는 XML 레이아웃에 비해 성능이 향상될 수 있습니다.
  • 새로운 기능 지원: Jetpack Compose는 새로운 기능을 지속적으로 추가하고 있습니다.

Jetpack Compose의 단점

  • 새로운 기술: Jetpack Compose는 아직 새로운 기술이기 때문에 개발자들이 익숙하지 않을 수 있습니다.
  • 지원 부족: Jetpack Compose는 아직 지원이 부족한 부분이 있습니다.
  • 호환성 문제: Jetpack Compose는 아직 모든 Android 기기에서 완벽하게 호환되지 않을 수 있습니다.
@Composable fun MyLayout() {     // 레이아웃의 기본 컨테이너를 생성합니다.     Box(modifier = Modifier.fillMaxSize()) {         // TextView를 생성합니다.         Text(text = "안녕하세요!")          // Button을 생성합니다.         Button(onClick = { /* 버튼을 클릭하면 실행할 작업 */ }) {             Text(text = "확인")         }     } }

 

결론

XML 레이아웃은 안정적이고 다양한 레이아웃을 지원하는 장점이 있습니다. Jetpack Compose는 간결한 코드, 유지보수 용이성, 성능 향상 등의 장점이 있습니다.

XML 레이아웃의 장점 10가지

  1. 익숙한 방식
  2. 다양한 레이아웃 지원
  3. 성숙한 생태계
  4. 코드 재사용성
  5. 유연성
  6. 테스트 용이성
  7. 디버깅 용이성
  8. 컴파일 시간 최적화
  9. 배포의 간편함
  10. 비용 절감

Jetpack Compose의 장점 10가지

  1. 간결한 코드
  2. 유지보수 용이성
  3. 성능 향상
  4. 새로운 기능 지원
  5. 코드 재사용성
  6. 유연성
  7. 테스트 용이성
  8. 디버깅 용이성
  9. 컴파일 시간 최적화
  10. 배포의 간편함

최종 선택

어떤 레이아웃 방식을 선택할지는 프로젝트의 요구 사항과 개발자의 선호도에 따라 다릅니다.

  • 익숙한 방식과 안정성을 원하는 경우: XML 레이아웃을 선택하는 것이 좋습니다.
  • 새로운 기술과 성능 향상을 원하는 경우: Jetpack Compose를 선택하는 것이 좋습니다.

개인적인 의견

저는 XML 레이아웃과 Jetpack Compose를 모두 사용해 보았습니다. 개인적으로는 Jetpack Compose가 더 매력적인 것 같습니다. 간결한 코드와 유지보수 용이성, 성능 향상 등의 장점이 마음에 듭니다. 하지만 아직 새로운 기술이기 때문에 완전히 익숙하지는 않습니다.

앞으로 Jetpack Compose가 더욱 발전하여 XML 레이아웃의 단점을 모두 극복할 수 있기를 기대합니다.

 

jetpack compose layout&nbsp; 예제

 

쿠팡링크 쿠팡와우 로켓프래쉬 로켓패션
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

댓글

이 블로그의 인기 게시물

개인정보처리방침 안내

 billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 8월 26부터 적용됩니다. 제1조(개인정보의 처리 목적) billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 서비스 제공 맞춤서비스 제공을 목적으로 개인정보를 처리합니다. 제2조(개인정보의 처리 및 보유 기간) ① billcoreaTech은(는) 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집 시에 동의받은 개인정보 보유·이용기간 내에서 개인정보를 처리·보유합니다. ② 각각의 개인정보 처리 및 보유 기간은 다음과 같습니다. 1.<서비스 제공> <서비스 제공>와 관련한 개인정보는 수집.이용에 관한 동의일로부터<사용자의 설정시간>까지 위 이용목적을 위하여 보유.이용됩니다. 보유근거 : 앱의 기본기능 활용에 필요한 위치정보 제3조(개인정보의 제3자 제공) ① billcoreaTech은(는) 개인정보를 제1조(개인정보의 처리 목적)에서 명시한 범위 내에서만 처리하며, 정보주체의 동의, 법률의 특별한 규정 등 「개인정보 보호법」 제17조 및 제18조에 해당하는 경우에만 개인정보를 제3자에게 제공합니다. ② billcoreaTech

안드로이드 앱 만들기 : jetpack compose URL 에서 image 받아와서 보여 주기 (feat coil)

원본출처: 티스토리 바로가기 샘플 이미지 오늘은 앱을 만들면서 이미지를 보여 주어야 하는 경우 중에  URL에서 이미지를 가져와 보는 것에 대해서 기술해 보겠습니다.  URL에서 image를 가져온다는 것은 서버에 저장된 image 일수도 있고, SNS profile의 image 정보일수도 있을 것입니다.    구글에서 찾아보면 다른 것들도 많이 있기는 합니다.  그 중에서 coil 라이브러리를 이용해서 한번 만들어 보도록 하겠습니다.    gradle 설정 그래들 설정은 아래 한 줄입니다. 현재 시점에서 최신 버전인 것으로 보입니다.  이 글을 보시는 시점에 최신 버전이 아니라면 아마도 android studio는 추천을 해 줍니다. // image load from url implementation("io.coil-kt:coil-compose:2.2.2")   manaifest  설정 당연한 이야기 겠지만, url에서 이미지를 받아 와야 하기 때문에 권한 설정을 해야 합니다. 또한 인터넷에서 자료를 받아 오는 것은 지연이 발생할 수 있기 때문에 application에서도 다음 문구의 추가가 필요합니다.  <uses-permission android:name="android.permission.INTERNET" /> <application ... android:networkSecurityConfig="@xml/network_config" ... /> 이 설정을 하게 되면 xml 파일을 하나 추가해 주면 됩니다.  network_config.xml 이라는 이름으로 말입니다.  <?xml version="1.0" encoding="utf-8"?> <network-security-config> <domain-config cleartextT