강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Mobile Application Development

[LV1] Jetpack Compose - UI Practice

How about moving away from XML-only Android development and introducing Jetpack Compose?

(4.7) 15 reviews

253 learners

  • bokchi
안드로이드
앱
앱개발
android
jetpack
android-jetpack-compose
실습 중심
Android
Kotlin
Jetpack

Reviews from Early Learners

What you will gain after the course

  • How to use Jetpack Compose

  • Jetpack Compose Advantages

Are you just planning to learn Jetpack Compose?
Why don't we learn it together this time?

Do you know the advantages of Jetpack Compose?

When you receive a requirement to create a screen like the one below using existing XML, what's the first thing that comes to mind? (We'll create all of the apps below directly in the course.)

"I should look for a library."
"Wouldn't it be complicated to make it with a custom view?"
Don't these thoughts come to mind first?
If so, you can consider adopting Jetpack Compose!

Still finding it hard to appreciate the advantages of Compose?

How about an app like this?

Animations like this can also be easily implemented using Compose.
I'll show you how to do it yourself in the course!

I'll share the
usefulness of Jetpack Compose from my direct experience.

Jetpack Compose is a tool in Android that accelerates UI development with less code.

"(...) is the modern toolkit for building native Android UI. Jetpack Compose simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs." (Google Official Documentation)

I had a project at work that involved creating complex UIs, so I actively studied and introduced Jetpack Compose. After actually implementing it, I could see that the code for writing UI was significantly reduced, and I could feel that the fatigue in connecting UI and business logic was reduced. As a result, I was able to confirm that productivity also increased compared to developing Android screens using only traditional XML.

So, I recommend this to people like you!

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

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

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

✋ Wait! This course may not be right for you if:

  • For those new to Android app development: We recommend Kotlin or beginner Android courses.
  • For those who have already developed with Compose to some extent and want an advanced course: I will prepare the advanced course as the next lecture.

Step by step, starting from the basics
Master the Fundamentals of Jetpack Compose

I've structured the content to help you become familiar with Jetpack Compose by gradually increasing the difficulty, starting with easy examples.

Section 1 - Exploring Simple Layouts

We'll warm up by practicing various features of Jetpack Compose.

Section 2 - Building a Resume App

Based on what you learned in the previous section, let's create a simple resume app.

Section 3 - Creating a Dice App

Every time the dice number changes, we can easily implement the displayed screen with code instead of images.

Section 4 - Creating a Graph App

Through hands-on practice, you'll create an app that easily generates various graphs.

Section 5 - Creating a Calendar App

We can easily implement calendar screens that were difficult to create with traditional XML.

Section 6 - Theme

Let's explore what Theme is initially created when a project is generated and customize it.

Section 7 - Creating the Coupang Main Screen

We will practice Scroll and Pager by creating a screen similar to Coupang's main screen.

Section 8 - Creating Pokémon Cards

We will practice implementing a card flip animation and experience how easily animations can be implemented in Compose.

Section 9 - Some Tips for Using Compose (Bonus!)

We'll explore potentially confusing aspects of using Compose and learn how to use it together with XML.

Q&A 💬

Q. Is prior knowledge required?

Yes. I think it would be good for those who can create at least a RecyclerView using existing XML to take this course. Also, basic knowledge of Kotlin syntax is required.

Q. What level of proficiency in Compose will be covered?

The course primarily focuses on basic UI concepts.

Q. What is the teaching style like?

I've set a significant number of lessons as preview. I recommend checking the preview lessons first to see if the teaching style suits you before enrolling.

Q. There's official Google documentation, so why should I take this course?

Personally, I've often felt that while Google's official documentation is actually well-explained when you look closely, it can feel unfriendly from a beginner's perspective. In this course, I've made an effort to explain things step by step in an easy way from the perspective of someone new to Jetpack Compose.

To ensure you can fully understand the content,
we provide source code and Notion materials!

Section 0 Course Introduction - The source code has been organized in an easy-to-read format on Notion at the lecture materials link.

Learn step by step
through a series course 🧰

Want to learn Android app development as a hobby?

[Beginner] Kotlin Grammar for Android
[Complete Beginner] Learn Android Kotlin by Building 8 Apps

Want to develop more deeply like an Android developer?

[Intermediate] Kind Jetpack Introduction
[Intermediate] Kind Jetpack Introduction

Want to learn about declarative UI?

[LV1] Jetpack Compose - Practicing UI
[LV2] Jetpack Compose - UI and Animation
[LV3] Jetpack Compose - Building a Realistic Diet App
[LV4] Jetpack Compose - Design Patterns and Circuit

If you're studying with employment in mind?

[Portfolio] Creating Android Apps - Theory
[Portfolio] Creating Android Apps - Practice

Recommended for
these people

Who is this course right for?

  • Anyone who has ever thought about learning Jetpack Compose

  • If you are curious about what Jetpack Compose is,

  • Those preparing for employment as Android developers

Need to know before starting?

  • Experience developing Android with existing XML

Hello
This is

6,142

Learners

394

Reviews

1,387

Answers

4.8

Rating

12

Courses

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

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

Curriculum

All

70 lectures ∙ (7hr 3min)

Published: 
Last updated: 

Reviews

All

15 reviews

4.7

15 reviews

  • devLsy(이상엽)님의 프로필 이미지
    devLsy(이상엽)

    Reviews 4

    ∙

    Average Rating 4.5

    4

    99% enrolled

    서버 개발자로 안드로이드 공부를 하면서 jetpack compose 관련 개념 잡는데 많은 도움이 되었습니다. 감사합니다.

    • 개복치개발자
      Instructor

      수강평 감사합니다!

  • 백씨님의 프로필 이미지
    백씨

    Reviews 5

    ∙

    Average Rating 5.0

    5

    30% enrolled

    • mjkim님의 프로필 이미지
      mjkim

      Reviews 5

      ∙

      Average Rating 5.0

      5

      99% enrolled

      • 김구태님의 프로필 이미지
        김구태

        Reviews 5

        ∙

        Average Rating 4.6

        5

        30% enrolled

        • 임재교님의 프로필 이미지
          임재교

          Reviews 2

          ∙

          Average Rating 5.0

          5

          100% enrolled

          $29.70

          bokchi's other courses

          Check out other courses by the instructor!

          [왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)강의 썸네일

          [왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

          개복치개발자

          앱 8개를 만들면서 코틀린 문법을 이용하여 안드로이드 앱을 만들어봅니다. 8개의 실습자료 뿐만이 아니라, 다양한 이론 설명과 함께 안드로이드를 공부해봅니다.

          입문

          입문

          Android, Kotlin, Firebase

          [왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)강의 썸네일

          [왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

          개복치개발자

          [포트폴리오] 안드로이드 앱 만들기 - 실습편강의 썸네일

          [포트폴리오] 안드로이드 앱 만들기 - 실습편

          개복치개발자

          안드로이드 개발자로 취업을 준비하시면서 포트폴리오에 제작에 도움이 될 수 있는 강의입니다.

          중급이상

          중급이상

          Android, Kotlin, clean-architecture

          [포트폴리오] 안드로이드 앱 만들기 - 실습편강의 썸네일

          [포트폴리오] 안드로이드 앱 만들기 - 실습편

          개복치개발자

          [중급편] 친절한 JETPACK 개론 <상> (Android Kotlin)강의 썸네일

          [중급편] 친절한 JETPACK 개론 <상> (Android Kotlin)

          개복치개발자

          코틀린으로 안드로이드 개발을 위한 젯팩(JETPACK) 개론입니다. 안드로이드 개발을 하면서 사용할 수 있는 다양한 테크닉을 연습할 수 있습니다.

          중급이상

          중급이상

          Jetpack, Kotlin, Android

          [중급편] 친절한 JETPACK 개론 <상> (Android Kotlin)강의 썸네일

          [중급편] 친절한 JETPACK 개론 <상> (Android Kotlin)

          개복치개발자

          [1시간](다른언어)개발자를 위한 자바스크립트강의 썸네일

          [1시간](다른언어)개발자를 위한 자바스크립트

          개복치개발자

          이미 개발언어(Java/python/swift/kotlin 등)을 사용해본 개발자를 대상으로 자바스크립트를 한시간만에 빠르게 익힐 수 있는 강의입니다. AI와 함께 코딩하는 시대이지만, AI코드를 인간 개발자가 감독해야 하기 때문에 감독을 위한 최소한의 지식을 빠르게 쌓기 위한 강의입니다.

          초급

          초급

          JavaScript, TypeScript

          [1시간](다른언어)개발자를 위한 자바스크립트강의 썸네일

          [1시간](다른언어)개발자를 위한 자바스크립트

          개복치개발자

          [포트폴리오] 안드로이드 앱 만들기 - 이론편강의 썸네일

          [포트폴리오] 안드로이드 앱 만들기 - 이론편

          개복치개발자

          취업(이직)을 위해 포트폴리오 앱을 만들기 위한 안드로이드 개발 관련 이론입니다.

          초급

          초급

          Android, Android Compose, clean-architecture

          [포트폴리오] 안드로이드 앱 만들기 - 이론편강의 썸네일

          [포트폴리오] 안드로이드 앱 만들기 - 이론편

          개복치개발자

          [LV4] Jetpack Compose - 디자인패턴과 Circuit강의 썸네일

          [LV4] Jetpack Compose - 디자인패턴과 Circuit

          개복치개발자

          Android Jetpack Compose 프레임워크인 Circuit에 대해서 간단한 튜토리얼과 실습을 진행해봅니다.

          중급이상

          중급이상

          Android Compose, Android, circuit

          [LV4] Jetpack Compose - 디자인패턴과 Circuit강의 썸네일

          [LV4] Jetpack Compose - 디자인패턴과 Circuit

          개복치개발자

          [LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기강의 썸네일

          [LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기

          개복치개발자

          Jetpack Compose로 그럴 듯한 앱을 만들어봅니다. 예제에서 조금 발전해서 API(Firebase)를 연결해서 네트워크 통신까지 한번 해봅니다.

          초급

          초급

          Android Compose, Android, Firebase

          [LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기강의 썸네일

          [LV3] Jetpack Compose - 그럴 듯한 다이어트 앱 만들기

          개복치개발자

          기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]강의 썸네일

          기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

          개복치개발자

          바쁜 기획자 분들을 위한 빠르게 진행되는 개발 강의입니다. 군더더기 없는 설명으로 웹 프론트엔드, 백엔드, DB를 직접 개발해보며 전체적인 개발 프로세스를 알아볼 수 있습니다.

          입문

          입문

          HTML/CSS, JavaScript, Vue.js

          기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]강의 썸네일

          기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

          개복치개발자

          [LV2] Jetpack Compose - UI와 애니메이션강의 썸네일

          [LV2] Jetpack Compose - UI와 애니메이션

          개복치개발자

          더 이상 디자이너분에게 "이건 모바일에서 안 되는 거예요" 라고 말하지 마세요. Jetpack Compose로 UI/애니메이션을을 쉽게 구현할 수 있습니다.

          초급

          초급

          Android, Jetpack, Android Compose

          [LV2] Jetpack Compose - UI와 애니메이션강의 썸네일

          [LV2] Jetpack Compose - UI와 애니메이션

          개복치개발자

          [중급편] 친절한 JETPACK 개론 <하> (Android Kotlin)강의 썸네일

          [중급편] 친절한 JETPACK 개론 <하> (Android Kotlin)

          개복치개발자

          코틀린으로 안드로이드 개발을 위한 젯팩(JETPACK) 개론입니다. 주로 LocalDB / Network 통신을 다룹니다.

          중급이상

          중급이상

          Jetpack, Kotlin, Android

          [중급편] 친절한 JETPACK 개론 <하> (Android Kotlin)강의 썸네일

          [중급편] 친절한 JETPACK 개론 <하> (Android Kotlin)

          개복치개발자

          [입문편] 안드로이드를 위한 코틀린(Kotlin) 문법강의 썸네일

          [입문편] 안드로이드를 위한 코틀린(Kotlin) 문법

          개복치개발자

          코틀린 문법 기초 강의입니다. 안드로이드 앱을 코틀린 언어로 개발하고 싶으신 분들을 위한 강의이고, 기초부터 튼튼하게 코틀린 문법을 재미있게 공부할 수 있습니다.

          입문

          입문

          Kotlin, 코딩 테스트

          [입문편] 안드로이드를 위한 코틀린(Kotlin) 문법강의 썸네일

          [입문편] 안드로이드를 위한 코틀린(Kotlin) 문법

          개복치개발자

          Similar courses

          Explore other courses in the same field!

          [LV2] Jetpack Compose - UI와 애니메이션강의 썸네일

          [LV2] Jetpack Compose - UI와 애니메이션

          개복치개발자

          더 이상 디자이너분에게 "이건 모바일에서 안 되는 거예요" 라고 말하지 마세요. Jetpack Compose로 UI/애니메이션을을 쉽게 구현할 수 있습니다.

          초급

          초급

          Android, Jetpack, Android Compose

          [LV2] Jetpack Compose - UI와 애니메이션강의 썸네일

          [LV2] Jetpack Compose - UI와 애니메이션

          개복치개발자

          [입문편] UI 테스트와 함께 배우는 Jetpack Compose강의 썸네일

          [입문편] UI 테스트와 함께 배우는 Jetpack Compose

          별볼일있는 개발자

          간단한 앱을 만들어보면서 UI 테스트의 개념을 배울 수 있습니다.

          입문

          입문

          Android, Android Compose, android-jetpack-compose

          [입문편] UI 테스트와 함께 배우는 Jetpack Compose강의 썸네일

          [입문편] UI 테스트와 함께 배우는 Jetpack Compose

          별볼일있는 개발자

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기강의 썸네일

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기

          소프트캠퍼스

          2024년 최신 버전 및 17시간 48분 러닝타임 이 과정 하나로 kotlin 완전 정복할 수 있습니다.

          초급

          초급

          Kotlin, Java, Android

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기강의 썸네일

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기

          소프트캠퍼스

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio강의 썸네일

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

          QA대디

          Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

          입문

          입문

          Appium Studio, 소프트웨어 테스트, QA(품질보증)

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio강의 썸네일

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

          QA대디

          새차원의 코틀린 코루틴(Coroutines) 강좌강의 썸네일

          새차원의 코틀린 코루틴(Coroutines) 강좌

          새차원

          코틀린 언어의 코루틴에 대한 강좌입니다. 최근에 코틀린의 사용률이 높아졌습니다. 구글플레이에 상위 1,000개 앱 중 70% 이상이 코틀린이 사용된 것으로 구글이 발표했습니다. 코틀린 언어의 성장과 함께 코틀린 언어 자체도 발전 하고 있습니다. 비교적 최근에 추가된 기능인 Coroutines 기능은 기존에는 전례가 없던 획기적인 기능을 제공합니다. 하지만 새로움도 그만큼 큽니다. 다행히도 많은 온라인상에 흩어져 있던 자료들과 kotlinlang.org 를 통해서 코틀린의 코루틴을 정리해 볼 수 있었습니다.

          중급이상

          중급이상

          Kotlin

          새차원의 코틀린 코루틴(Coroutines) 강좌강의 썸네일

          새차원의 코틀린 코루틴(Coroutines) 강좌

          새차원

          윤재성의 안드로이드를 위한 자바(JAVA) 프로그래밍강의 썸네일

          윤재성의 안드로이드를 위한 자바(JAVA) 프로그래밍

          소프트캠퍼스

          안드로이드 앱개발을 위해 꼭 필요한 자바 부분을 선별해서 강의를 만들었습니다. 총 강의 시간 13시간 30분입니다. 안드로이드 개발하기전에 한번 정리 하시면 많은 도움이 될것입니다. 유튜브 소프트캠퍼스 채널에 더 많은 강의가 있습니다. 많은 도움이 되었으면 합니다. 강사 윤재성 강사

          입문

          입문

          Java, Android

          윤재성의 안드로이드를 위한 자바(JAVA) 프로그래밍강의 썸네일

          윤재성의 안드로이드를 위한 자바(JAVA) 프로그래밍

          소프트캠퍼스

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

          Neo

          누구보다 빠르게 배우는 Springboot + Android(Compose) RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Android로 나만의 게시판을 만들어보세요!

          입문

          입문

          Android, Kotlin, Spring Boot

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

          Neo

          파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기강의 썸네일

          파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

          신휴창

          파이어베이스에 대한 소개와 파이어베이스의 기능을 이용한 웹, 안드로이드 어플리케이션을 만드는 강좌 입니다.

          초급

          초급

          Android, Firebase

          파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기강의 썸네일

          파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

          신휴창

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

          Neo

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Flutter로 나만의 게시판을 만들어보세요!

          초급

          초급

          Flutter, Kotlin, Spring Boot

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

          Neo

          Kotlin 문법 총 정리 - 1시간강의 썸네일

          Kotlin 문법 총 정리 - 1시간

          오준석

          1시간 안에 학습할 수 있는 코틀린 문법 총 정리 강의입니다.

          입문

          입문

          Kotlin

          Kotlin 문법 총 정리 - 1시간강의 썸네일

          Kotlin 문법 총 정리 - 1시간

          오준석

          Only Javascript만으로 배우는 하이브리드앱 패키징강의 썸네일

          Only Javascript만으로 배우는 하이브리드앱 패키징

          노란창문

          본 강의는 웹 서비스 개발 기술인 Javascript를 사용하여 모바일 환경의 여러 가지 네이티브 앱 기능을 빠르게 만들 수 있는 방법에 대해 배우고 스토어 출시 과정까지 학습할 수 있는 강의입니다.

          초급

          초급

          하이브리드 앱, JavaScript, Android

          Only Javascript만으로 배우는 하이브리드앱 패키징강의 썸네일

          Only Javascript만으로 배우는 하이브리드앱 패키징

          노란창문