OP.GG 세미나 발표 자료

1. 모바일 UI 개발의 새로운 혁명
✨ 지성빈

2. 👋 안녕하세요!
프로그래머가 되기 위해 항상 노력하는 학생
지성빈
📱 안드로이드 개발 7년차
- 메신저 자동답장 앱
- 개발자 행사 알리미 (sungb.in/devevent)
- 카카오톡 이모티콘 파싱
🍎 iOS 개발 5개월
- 간단한 일기장
🏠 sungb.in
✉ ji@sungb.in
👨💻 sungbin.tistory.com
🔨 github.com/jisungbin

3. 기존 UI 개발의 문제점
- 사용자 인터페이스의 상태를 항상 추적하고 연결해주어야 한다
- 명령형 프로그래밍

7. 🔥 이를 극복하기 위한 노력

8. 🔥 이를 극복하기 위한 노력

9. 😢 하지만..
- 3rd-party
- Preview 불가능
- hot-reload 불가능

10. 🥳 모바일 UI 개발 혁명의 등장

11. SwiftUI
WWDC 2019
고급 앱 경험 및 도구
향상된 손쉬운 사용
macOS에서 향상된 SwiftUI
상세표시형 Retina 디스플레이 지원
iPadOS용 위젯

12. 2020년 4월 15일: 개발 버전 0.1.0-dev09 릴리즈
2020년 6월 11일: 유튜브 첫 공개로 세상에 알려지기 시작
2021년 6월 16일: 마지막 개발 버전 1.0.0-beta09 릴리즈
2021년 7월 28일: 정식 버전 1.0.0 릴리즈
Jetpack Compose

13. 2020년 4월 15일: 개발 버전 0.1.0-dev09 릴리즈
2020년 6월 11일: 유튜브 첫 공개로 세상에 알려지기 시작
2021년 6월 16일: 마지막 개발 버전 1.0.0-beta09 릴리즈
2021년 7월 28일: 정식 버전 1.0.0 릴리즈
Jetpack Compose

14. - 알고리즘 명시가 사라져 코드가 짧아진다 (선언형 프로그래밍)
- 사용자 인터페이스의 상태를 별도로 추적해 줄 필요가 없다
- hot-reload가 가능하다 (compose만 해당)
- 매우 빠른 시간안에 UI 제작이 가능하다
🧐 무엇이 좋을까?

15. 기본 사용

16. 생명주기

17. 상태 시스템

18. 상태 생성

19. 기본 개념

20. 기본 사용

21. 생명주기
Recomposable

22. 상태 시스템

23. 상태 생성

24. 상태 보존

25. 상태 보존

26. 세로 레이이웃

27. 세로 레이이웃

28. 가로 레이이웃

29. 중첩 레이이웃

30. 텍스트

31. 텍스트 커스터마이징

32. = 텍스트 커스터마이징

33. 텍스트 커스터마이징

34. 텍스트 커스터마이징

35. 텍스트 커스터마이징

36. 이미지

37. 이미지 커스터마이징

38. 이미지 커스터마이징

39. 이미지

40. 이미지 커스터마이징

41. 이미지 커스터마이징

42. 버튼

43. 버튼처럼 만들기

44. 버튼

45. 텍스트필드

46. 텍스트필드

47. 텍스트필드

48. 텍스트필드

49. 반복되는 아이템

50. 반복되는 아이템

51. 반복되는 아이템

52. 반복되는 아이템

53. instance 처리

54. instance 처리

55. instance 처리

56. instance 처리

57. instance 처리

58. 사이즈 애니메이션

59. 사이즈 애니메이션

60. Visible 애니메이션

61. Visible 애니메이션

62. some

63. 커스텀 composable 만들어보기

64. 인터페이스 생성

65. 인터페이스 생성

66. 데이터 클래스 생성

67. 기본 함수 생성

68. 내부 UI 작성

69. 내부 UI 작성

70. 완성
https://sungb.in/fbb

71. Jetpack Compose 의 원리
@Composable -> AndroidComposeView -> Canvas

72. SwiftUI vs Jetpack Compose
- 구조
- hot-reload
- 오픈소스/커뮤니티
- 개발 로드맵

73. 🤗 감사합니다
참고 레퍼런스
https://developer.apple.com
https://developer.android.com
https://stackover
fl
ow.com
https://zeddios.tistory.com
https://h2s1880.medium.com
https://michaellong.medium.com
https://medium.com/@kimdohun0104
https://medium.com/harrythegreat
https://blog.sengwoolee.dev
https://velog.io/@jsj3282
https://velog.io/@blackb0x
https://zetal.tistory.com
https://minosaekki.tistory.com
https://www.charlezz.com
https://steelkiwi.com
https://moodup.team
https://joebirch.co
https://unnnyong.me
https://quickbirdstudios.com