본문 바로가기

728x90

SwiftUI6

[WWDC 2022] 기존 UIKit 앱에 SwiftUI 적용하기 (Use SwiftUI with UIKit) 안녕하세요 Foma 입니다! 예전부터 WWDC 내용을 정리하고 싶었는데 드디어 오늘 WWDC에 대해 글을 작성하게 되네요. WWDC 2022에서 가장 관심을 끌었던 세션은 UIKit 앱에 SwiftUI를 적용하는 세션이었는데요. 해당 세션을 직접 구현해 보고 정리해 보도록 하겠습니다. 바로 시작할게요~ (Xcode 14 Beta로 진행되기 때문에 혹시 미리 경험하고 싶은 분들은 여기 에서 다운로드 받아서 진행해 주세요~) Preview UIHostingController UIHostingController는 SwiftUI 뷰를 포함한 UIViewController입니다. UIHostingController를 이용하여 UIViewController에서 SwiftUI 뷰를 팝업 형식으로 띄워보도록 하겠습니다.. 2022. 7. 9.

[SwiftUI] GeometryReader란? (feat. GeometryProxy,CoordinateSpace) 안녕하세요 Foma 💻 입니다! 오늘은 SwitUI를 이용해서 Layout을 잡을 때 아주 유용하게 사용되는 GeometryReader에 대해서 알아보려고 합니다. 바로 시작할게요~ GeometryReader란? 이름을 직역하면 Geometry는 기하학을 나타내니깐, 기하학적인 무언가를 읽는 것이라고 해석할 수 있는데요. 공식 문서에도 이름을 직역한 것과 비슷하게 "컨텐츠의 크기와 위치를 함수로 나타내는 컨테이너 뷰야!" 라고 소개합니다. GeometryReader를 초기화 하는 방법은 아래와 같이 컨텐츠를 만드는데 GeometryProxy를 이용해서 만듭니다. GeometryProxy란? 그렇다면 GeometryProxy는 무엇일까요? 우선 Proxy의 뜻은 무엇인가를 대신 한다는 의미를 나타냅니다. .. 2022. 4. 4.

[SwiftUI] 자연스러운 화면전환 애니메이션 구현하기 (feat. matchedGeometryEffect,Namespace) 안녕하세요 Foma 💻 입니다! 평소에 AppStore를 보면 화면 간 전환할 때 자연스러운 애니메이션이 많이 보았는데, '이건 어떻게 구현했을까' 라는 생각이 많이 들어 글을 정리하게 되었습니다. 바로 시작할게요~ Preview @Namespace 화면 전환 애니메이션을 구현하기 위해선 @Namespace 프로퍼티 래퍼가 필요합니다. @Namespace는 공식 문서엔 아래와 같이 소개합니다. 속성을 포함하는 개체(예: view)의 영구 ID로 정의된 네임스페이스에 대한 액세스를 허용하는 동적 속성 유형입니다. 간단하게 말하면 객체의 정보를 ID와 함께 기억하고 있는 래퍼입니다. 이 ID를 통해서 정보를 다른 뷰와 공유할 수 있으며, 이것을 통해 지오메트리 애니메이션이 가능해 집니다. 선언하는 방식은 아.. 2022. 3. 28.

[SwiftUI] TabView에 대해 알아보기 (feat. UITabBar) 안녕하세요 Foma 💻 입니다! 오늘은 SwiftUI에서 탭뷰를 만드는 방법에 대해서 알아보려고 합니다. (UIKit에선 UITabBar를 뜻합니다.) 바로 시작할게요~ TabView Contents SwiftUI에서 탭뷰를 적용하는 방법은 너무 너무 간단합니다. 아래와 같이 TabView로 감싸고 탭뷰 안에 들어갈 뷰들을 넣으면 됩니다. TabView { View1() View2() View3() ... } TabView Item 하지만 아래와 같이 설정하면 아직 탭뷰가 존재하지 않는 것처럼 보이는데요. TabView { LoginView() HelloView() SettingView() } 이유는 이미 탭뷰가 존재하지만 탭뷰를 나타내는 아이템을 세팅해주지 않았기 때문입니다. 고로 다음과 같이 탭아이템.. 2022. 3. 10.

[SwiftUI] @State란? 안녕하세요 Foma 💻 입니다! 요즘 SwiftUI 공부를 하고 있는데 @State가 많이 쓰이긴 하는데 뭔지 정확히는 모르겠더라구요. 그래서 @State에 대해서 정확히 정리해보려고 합니다! 바로 시작할게요~ @State 란? 애플 공식 문서에는 아래와 같이 설명합니다. 해석해보면 SwiftUI에서 관리하는 값을 읽고 쓸 때 사용하는 것이라고 하네요. 개요를 살펴보면 아래와 같습니다. 1. 상태값이 변경되면 View를 다시 계산하고 업데이트 합니다. 2. 인스턴스 값이 아니라 값을 읽고 쓰는 수단입니다. 3. 주의할 점은 뷰의 바디 안에서 또는 뷰에서 호출한 메소드에서만 접근해야 하므로 뷰의 클라이언트가 접근하지 못하도록private로 선언해야 합니다. 4. 사용할 때는 $와 함께 사용하면 됩니다. 구.. 2021. 11. 7.

[iOS] UIKit에서 SwiftUI Preview 사용해보기 안녕하세요 Foma👟 입니다! 얼마 전에 유튜브에서 만화경 iOS 개발기를 보다가 (https://www.youtube.com/watch?v=W_1FoBtaV7A) UI를 개발하는데 스토리보드와 코드로 구현하는 장단점을 모두 이용할 수 있는게 UIKit에서 Preview를 사용하는 것이라고 하더라구요. Preview를 사용하면 코드로 화면을 구현하더라도 직관적으로 화면을 볼 수 있고 또한 스토리보드로 개발할 때 생기는 충돌 문제 등을 없애줄 수 있기 때문이죠! 그래서 오늘은 UIKit에서 Preview를 어떻게 적용하는지에 대해 알아보겠습니다~ UIViewController + Extension 아래와 같이 프리뷰 익스텐션을 만들어줘서 어떤 뷰컨트롤러에서든 쓸 수 있게 만들어줍니다. import Swif.. 2021. 7. 28.

이전 1 다음

728x90

티스토리툴바