Thumbnail
개발 · 프로그래밍 모바일 앱 개발

[LV1] Jetpack Compose - UI 연습하기 대시보드

(4.3)
3개의 수강평 ∙  118명의 수강생

38,500원

지식공유자: 개복치개발자
총 70개 수업 (7시간 3분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

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

✍️
이런 걸
배워요!
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와 애니메이션 (링크)

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

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

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

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

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

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

함께 보면 좋은 강의 📺

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Jetpack Compose를 배워보려고 생각만 했던 분
Jetpack Compose는 어떤 것인지 궁금하신분
안드로이드 개발자로 취업 준비하시는 분
📚
선수 지식,
필요할까요?
기존 XML로 안드로이드 개발을 해본 경험

안녕하세요
개복치개발자 입니다.
개복치개발자의 썸네일

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

현재는 핀테크 회사에서 안드로이드 앱 개발을 하고 있습니다.

커리큘럼 총 70 개 ˙ 7시간 3분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의소개
섹션 2. 이력서 앱 만들기(UI실습)
어떤 것을 만들지 살펴보기 미리보기 01:06
이력서 앱 만들기 - 1 02:26
이력서 앱 만들기 - 2 05:41
이력서 앱 만들기 - 3 08:21
섹션 4. 그래프 앱 만들기(UI실습)
어떤 것을 만들지 살펴보기 미리보기 00:41
Navigation Setting - 1 09:28
Navigation Setting - 2 05:41
Graph - 1 10:46
Graph - 2 09:14
Graph - 3 09:32
섹션 5. 달력 앱 만들기(UI 실습)
어떤 것을 만들지 살펴보기 미리보기 00:56
CalendarApp - 1 05:57
CalendarApp - 2 05:39
CalendarApp - 3 06:07
CalendarApp - 4 12:07
섹션 6. Theme(UI 더 알아보기)
어떤 것을 해볼지 살펴보기 미리보기 02:38
Dark / Light Theme 06:09
TextStyle 08:58
Font 04:50
Shape 08:15
섹션 7. 쿠팡 메인 화면 만들기(UI 실습)
어떤 것을 해볼지 살펴보기 미리보기 01:04
CoupangEx - 1 05:40
CoupangEx - 2 05:15
CoupangEx - 3 05:05
CoupangEx - 4 05:54
CoupangEx - 5 02:58
섹션 8. 포켓몬 카드 만들기
어떤 것을 해볼지 살펴보기 미리보기 00:36
Pocket - 1 05:58
Pocket - 2 03:21
Pocket - 3 03:27
섹션 9. Compose 사용 약간의 팁
어떤 것을 해볼지 살펴보기 미리보기 00:46
background / padding 순서에 따른 차이 04:12
Compose -> XML 03:49
Compose안에 XML 넣기 04:14
Compose <-> XML 같이 쓰기 06:22
강의 게시일 : 2023년 08월 29일 (마지막 업데이트일 : 2023년 08월 29일)
수강평 총 3개
수강생분들이 직접 작성하신 수강평입니다.
4.3
3개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
loci thumbnail
5
마침 필요한 강의 였는데 잘 들었습니다. 다음 강의 기다릴게요!
2023-12-23
지식공유자 개복치개발자
수강해주셔서 감사합니다!
2023-12-24
김나희 thumbnail
5
강의 6개째 수강해서 듣는 중인데 소리 크기도 일정해서 듣기 불편함이 없었고 Jetpack compose 기초부터 차근차근히 알려주셔서 많이 배울 수 있었습니다!
2023-10-18
지식공유자 개복치개발자
수강평 감사합니다!!!
2023-10-19
시원한 성게 thumbnail
3
초심자용이에용~~~
2024-01-07
지식공유자 개복치개발자
수강평 감사합니다~ 처음 30% 수강하신 것으로 나와있는데 점점 다양한 예제를 추가해뒀으니 뒷부분도 수강해주시면 좋을 것 같습니다~
2024-01-07