인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

모바일 앱 개발

[LV1] Jetpack Compose - UI 연습하기

XML만으로 하는 안드로이드 개발을 벗어나, Jetpack Compose를 도입해볼까요?

(4.6) 수강평 5개

수강생 177명

Thumbnail

초급자를 위해 준비한
[모바일 앱 개발] 강의입니다.

이런 걸
배워요!

  • Jetpack Compose 사용법

  • Jetpack Compose 장점

 계획만 하고 있던 Jetpack Compose, 
이번에 한번 함께 배워볼까요?

JetPack Compose의 장점, 알고 계신가요?

기존 XML을 이용해서 아래와 같은 화면을 만들어달라는 요구사항이 있을 때 어떤 생각이 먼저 드시나요? (아래의 앱은 모두 직접 강의에서 만들어봅니다.)

"라이브러리 찾아봐야겠다."
"커스텀뷰로 만들려면 복잡하겠는데?" 
하는 생각이 우선적으로 들지는 않나요? 
그렇다면 Jetpack Compose 도입을 검토해볼 수 있습니다!

여전히 Compose의 장점을 느끼기 어려우신가요?

그렇다면 이런 앱은 어떠신가요?

이런 애니메이션 또한 Compose를 이용하면 쉽게 구현할 수 있습니다. 
모두 강의에서 직접 해볼 수 있도록 알려드릴게요!


직접 경험한 JetPack Compose의
유용함을
전해드려요.

Jetpack Compose는 안드로이드에서 적은 코드로 UI 개발을 가속화할 수 있는 도구입니다.

“(…) 네이티브 Android UI를 빌드하기 위한 최신 도구 키트입니다. Jetpack Compose는 더 적은 수의 코드, 강력한 도구, 직관적인 Kotlin API로 Android에서의 UI 개발을 간소화하고 가속화합니다.” (구글 공식 문서)

사내에서 복잡한 UI를 만드는 프로젝트가 있어, 적극적으로 Jetpack Compose을 스터디하고 도입해봤습니다. 실제로 도입해 보니 UI 작성에 코드가 상당히 줄어드는 것을 볼 수 있었고, UI와 비즈니스 로직을 연결하는 과정에서 피로도가 줄어드는 것을 느낄 수 있었습니다. 결과적으로, 기존 XML만 사용하여 안드로이드 화면을 개발하는 것보다 생산성 또한 높아진 것을 확인할 수 있었죠.

그래서, 이런 분들께 추천합니다!

기존 안드로이드(XML)로 앱 개발을 해보셨고, Compose 도입을 검토 중이신 분들

Jetpack Compose가 어떤 건지, 실제 장점은 무엇인지 궁금하신 분들

안드로이드 개발자로 취업을 준비하시는 분들 (요즘 채용 공고에 Compose가 많이 언급됩니다!)

✋ 잠깐! 이런 분들께는 맞지 않아요.

  • 안드로이드 앱 개발이 처음이신 분들 : 코틀린 또는 왕초보 안드로이드 강의를 추천해드려요.
  • 이미 Compose로 개발을 어느 정도 해 보았고, 심화 과정을 원하시는 분들 : 심화 과정은 다음 강의로 준비하겠습니다.

쉬운 것부터 차근차근 
Jetpack Compose 기초 완성

쉬운 예제부터 조금씩 난이도를 높여가며, Jetpack Compose에 익숙해질 수 있도록 구성하였습니다.

섹션 1 - 간단한 레이아웃 살펴보기

Jetpack Compose의 다양한 기능들을 실습해보며 워밍업을 합니다.

섹션 2 - 이력서 앱 만들기

이전 섹션에서 배운 내용을 바탕으로 간단한 이력서 앱을 만들어봅니다.

섹션 3 - 주사위 앱 만들기

주사위 숫자가 변경될 때마다 나타나는 화면을 이미지가 아닌 코드로 쉽게 구현해봅니다.

섹션 4 - 그래프 앱 만들기

실습을 통해 다양한 그래프를 쉽게 만드는 앱을 제작해봅니다.

섹션 5 - 달력 앱 만들기

기존 XML에서 만들기 어려웠던 달력 화면을 쉽게 구현해봅니다.

섹션 6 - Theme 

프로젝트 생성 시 처음 만들어지는 Theme가 어떤 것인지 살펴보고 커스텀해봅니다.

섹션 7 - 쿠팡 메인 화면 만들기

쿠팡 메인 화면과 유사한 화면을 만들어보면서 Scroll과 Pager에 대해서 실습합니다.

섹션 8 - 포켓몬 카드 만들기

카드가 뒤집히는 애니메이션을 실습해보며, Compose에서 애니메이션이 간단하게 구현되는 것을 실습해봅니다.

섹션 9 - Compose 사용 약간의 팁 (보너스!)

Compose를 사용하면서 헷갈릴 수 있는 부분과 XML과 함께 사용하는 방법을 알아봅니다.


Q&A 💬

Q. 선수 지식이 필요한가요?

네. 기존 XML을 이용하여 RecyclerView 정도는 만들 수 있는 분이 수강하시면 좋을 것 같습니다. 또한 코틀린 문법에 대한 기본적인 지식이 필요합니다.

Q. 어느 정도의 수준까지 Compose를 다루나요?

주로 기초적인 UI 중심으로 강의가 진행됩니다.

Q. LV1 이후 LV2, LV3도 있나요?

  • [LV1] Jetpack Compose - UI 연습하기 (현재 강의)

  • [LV2] Jetpack Compose - UI와 애니메이션 (링크)

  • [LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기 (링크)

Q. 강의 스타일은 어떤가요?

상당수의 수업을 미리보기로 설정해두었습니다. 미리보기 수업을 확인해보신 다음 강의 스타일이 맞는지 확인해보신 후 수강하시기를 권장드립니다.

Q. 구글 공식 문서가 있는데 왜 강의를 들어야 하나요?

개인적으로 구글 공식 문서는 알고 보면 잘 설명되어 있지만, 입문자 입장에서는 친절하지 않다고 느껴질 때가 많았습니다. 이번 강의에서는 Jetpack Compose 입문자 입장에서 단계적으로 쉽게 설명드리려고 노력했습니다.

내용을 충분히 이해할 수 있도록 
소스 코드 및 노션 자료를 제공합니다!

섹션0 강의소개 - 강의자료 링크에 노션으로 보기 좋게 소스 코드를 정리하였습니다.

함께 보면 좋은 강의 📺

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Jetpack Compose를 배워보려고 생각만 했던 분

  • Jetpack Compose는 어떤 것인지 궁금하신분

  • 안드로이드 개발자로 취업 준비하시는 분

선수 지식,
필요할까요?

  • 기존 XML로 안드로이드 개발을 해본 경험

안녕하세요
개복치개발자입니다.

수강생 수

6,971

수강평 수

380

강의 평점

4.8

강의 수

11

2015년 스타트업 창업을 계기로 다양한 개발 프로젝트를 진행하였습니다.

현재는 평범한 직장인 개발자입니다

커리큘럼

전체

70개 ∙ (7시간 3분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!