SwiftUI가 UIKit품기 vs UIKit이 SwiftUI품기(김예원,리이오).pdf

1. 김예원 / 리이오 SwiftUI가 UIKit품기   vs UIKit이 SwiftUI품기 🐓🥚🥚🐓🥚🥚🐓

2. 목차

3. 목차 개요 - 발표 소개 - 발표자 소개 및 audience - UIKit 또는 SwiftUI로 개발하다가 겪는 상황들 - UIKit과 SwiftUI의 차이? - UIkit에서 SwiftUI 사용해보기 - UIkit에서 SwiftUI로 Swift Charts 사용하기! - SwiftUI에서 UIkit 사용해보기(리이오) - SwiftUI에서 UICalanderView 사용하기! - 발표를 마치며..

7. 발표자 소개 스피커 - Swift 입문 1년차 새내기 - UIKit 과 SwiftUI 학습 중..! - adios 발표 - iOS초보개발자 입문을 망설인 이유? 김예원

8. 리이오 - 포항공대 iOS 개발자 - 인플루언서 발표자 소개 서포터

9. • UIKit을 쓰고 있지만 SwiftUI를 붙여서 써보고 싶으신 분 • SwiftUI에서 UIKit을 어쩔 수 없이 써야하는 분 • UI를 그리는 두 방법의 차이가 궁금하신 분 • 콜라보 발표가 궁금하신 분 청중 audience

13. 뷰를 그리다 보면 겪는 상황 Problem • UIKit으로 앱개발 중.. • 차트를 사용하고 싶다! → SwiftUI를 사용해볼까? • SwiftUI로 앱개발 중.. • 캘린더를 사용하고 싶다! → UIKit을 사용해볼까? - 두가지 모두 사용하고 싶은 상황이 온다면..?!

16. SwiftUI와 UIKit의 차이 Problem UIKit • UIKit의 특징 • StoryBoard를 사용하여 화면 구축 및 흐름 생성 • StoryBoard에서 작업한 내용을 코드에서 볼 수 없고 코드에서 작업한 내용은 StoryBoard에 나타나지 않음 • 명령형 구문 “어떻게” 동작하는 지를 중심으로 구문을 작성

17. SwiftUI와 UIKit의 차이 Problem UIKit • UIKit의 특징 • StoryBoard를 사용하여 화면 구축 및 흐름 생성 • StoryBoard에서 작업한 내용을 코드에서 볼 수 없고 코드에서 작업한 내용은 StoryBoard에 나타나지 않음 • 명령형 구문 “어떻게” 동작하는 지를 중심으로 구문을 작성

18. • SwiftUI의 특징 • livepreview 제공 • 작성한 코드를 preview로 보여줌 • 선언적 구문 • “무엇을” 하는 지를 중심으로 구문을 작성 • 더 적은 코드로 개발을 할 수 있음 • SwiftUI와 UIKit의 차이 Problem SwiftUI

19. • SwiftUI의 특징 • livepreview 제공 • 작성한 코드를 preview로 보여줌 • 선언적 구문 • “무엇을” 하는 지를 중심으로 구문을 작성 • 더 적은 코드로 개발을 할 수 있음 SwiftUI와 UIKit의 차이 Problem SwiftUI

20. UIKit에서 SwiftUI 품기?!

21. • ProgressView • 원하는 디자인으로 표현하기 어렵다.. • Swift Charts • 커스텀이 쉽고 다양한 디자인으로 표현할 수 있다! UIkit에서 차트를 추가하고 싶다. 내가 가지고있는 앱의 데이터를 차트로 표현해보면 어떨까? 0 50 100 150 200 ANTIFRAGILE Impurities No Celestial Good Parts

22. • ProgressView • 원하는 디자인으로 표현하기 어렵다.. • Swift Charts • 커스텀이 쉽고 다양한 디자인으로 표현할 수 있다! UIkit에서 차트를 추가하고 싶다. 내가 가지고있는 앱의 데이터를 차트로 표현해보면 어떨까? 0 50 100 150 200 ANTIFRAGILE Impurities No Celestial Good Parts

23. UIKit에서 SwiftUI을 품어 봅시다 Swift Charts - Swift Charts - iOS16부터 지원 - SwiftUI 프레임워크

26. 그럼 UIKit 과 SwiftUI를 어떻게 올리지? UIHostingController UIViewController View SwiftUI Content 0 25 50 75 100 4월 5월 6월 7월 - SwiftUIView를 UIViewController와 연결해줄 수 있는 역할의 View임. UIHostingController - UIHostingController 위에 SwiftUIView를 넘겨주면 해당 SwiftUIView를 나타낼 수 있음. - SwiftUIView를 생성하고나면 SwiftUI로 개발하는 것처럼 사용가능함.

27. SwiftUIView를 나타내보자! View 구성

28. SwiftUIView를 나타내보자! View 구성 UIHostingController SwiftUIView ChartView SwiftUICell Navigation 으로 연결

29. 데이터를 Chart로 표현해볼까? 데이터 구성 Songdata : ObservableObject - songs : [[String]] - playCounts : [[Int]] - singer : [String] - currentSinger : String

30. SwiftUIView를 나타내보자! UIHostingConfiguration

31. SwiftUIView를 나타내보자! UIHostingConfiguration

32. 데이터를 Chart로 표현해볼까? SwiftUI Chart

33. 그럼 본격적으로 Chart를 그려보자! SwiftUI Chart를 뷰에 올리기

34. 그럼 본격적으로 Chart를 그려보자! SwiftUI Chart를 뷰에 올리기

35. 실행 최종 실행 결과

36. SwiftUI에서 UIKit품기?!

37. • UIKit에서만 지원해주는 뷰 • 이미 UIKit으로 구현된 뷰를 붙일 때 • 아직은 SwiftUI에 버그가 많아서 쓰고 싶지 않을때 SwiftUI에서 UIKit을 품을 일이 있나 Problem

40. SwiftUI에서 UIKit을 품어 봅시다 - UICalanderView - iOS16 부터 지원 - UIKit에서만 지원

43. 따라해보기 - 아주 기본적인 SwiftUI 화면에서 시작합시다

44. 따라해보기 - UIViewPresentable을 채택할껍니다

45. 따라해보기 - UIViewPresentable을 채택할껍니다 - 에러가 발생하죠!

46. 따라해보기 - 프로토콜을 채택하고 준수하지 않았죠

47. 따라해보기 - Fix를 눌러 준수 해봅시다

48. 따라해보기 - 나머지도 준수해봅시다

49. 따라해보기 - UIKit 화면을 가져옵니다

50. 따라해보기 - SwiftUI에 뷰를 그립니다

51. 따라합니다

52. 따라해보기 - Delegate는 어떻게 할까요?

53. 따라해보기 - Delegate는 어떻게 할까요? - makeCoordinator()

54. 따라해보기 - 이런식으로 구현되어 있습니다

55. 따라해보기 - 이런식으로 구현되어 있습니다 - 느낌이 오시나요?

56. 따라해보기 - 실행 결과 입니다

57. 따라해보기 - 실행 결과 입니다 - SwiftUI에서 UIKit 품기!

58. 발표를 마치며

59. 뷰를 그리다 보면 겪는 상황 Problem • UIKit으로 앱개발 중.. • 차트를 사용하고 싶다! SwiftUI를 사용해볼까? • SwiftUI로 앱개발 중.. • 캘린더를 사용하고 싶다! UIKit을 사용해볼까? - 두가지 모두가 사용하고 싶은 상황이 온다면..?!

60. 질문 있으신 분! 네트워킹 세션에서도 만나요 - 메일로도 질문해주세요! - leeo@kakao.com - 리이오 - kywk1234@naver.com - 김예원

SwiftUI가 UIKit품기 vs UIKit이 SwiftUI품기(김예원,리이오).pdf

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

SwiftUI가 UIKit품기 vs UIKit이 SwiftUI품기(김예원,리이오).pdf