Apple/SwiftUI

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 SwiftUI와 AVFoundation을 사용해서 마치 인생네컷 포토 부스처럼 자동으로 촬영이 되는 카메라 기능을 만드는 법을 정리해보려고 합니다.  그럼 바로 시작하겠습니다! 기능 정리우선 카메라 앱을 만들기 전에 어떤 기능이 필요한지 먼저 정리를 해보겠습니다. 제가 만드는 앱에서는 크게 3가지 기능이 꼭 필요했습니다.자동 5초 카운트 다운 후 사진 촬영촬영된 사진 화면에 띄우기최대 4장의 사진 자동 촬영이렇게 3가지 입니다. 카메라 모델 구현먼저, AVFoundation을 사용해서 카메라 기능을 관리할 CameraModel 클래스를 만들어 보겠습니다.import AVFoundationimport SwiftUI@Observableclass CameraM..

안녕하세요! 피피아노입니다 🎵  이번 포스팅에서는 SwiftUI에서 작업 완료까지의 진행률을 보여줄 수 있는 ProgressView를 만드는 방법에 대해서 정리를 해보려고 합니다. 그럼 바로 시작하겠습니다! ProgressView란?먼저 개념부터 짚고 넘어가겠습니다.  ProgressView는 이름에서 유추할 수 있듯이 앱 내에서 작업이 진행되고 있는 정도를 시각적으로 표시하는 View입니다. 이러한 ProgressView가 필요한 순간은 여러가지가 있겠지만 대표적인 예시로는 파일 다운로드 진행 상태를 앱에 표시하거나, 작업이 진행 중이지만 얼마나 오래 걸릴지 알 수 없을 때 등 다양한 상황에서 사용됩니다. ProgressView 스타일SwiftUI에서 ProgressView 스타일은 선형 스타일, 원..

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 SwiftUI에서 뷰를 애니메이션 하는 것과 앱 내에서의 전환에 대한 것을 한번 정리를 해보려고 합니다. 그럼 바로 시작하겠습니다! 암묵적 애니메이션SwiftUI에 뷰는 크기, 색상, 회전 각도, 불투명도 등 뷰의 외형을 제어하는 프로퍼티들을 가지고 있습니다. 이런 종류의 프로퍼티는 A라는 상태에서 B라는 상태로 바뀌는 것을 애니메이션 되게 할 수 있습니다. 이러한 상태 변화를 할 때 애니메이션이 나타나게 하는 방법 중 하나는 animation() 수정자를 사용하는 것입니다. 이것을 암묵적 애니메이션(implicit animation)이라고 부르는데, 애니메이션 수정자 앞에 있는 모든 수정자를 암묵적으로 애니메이션 되도록 만들어줍니다. 애니메이션 효과를 ..

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 저번 포스팅에 이어서 SwiftUI와 UIKit을 통합하는 방법에 대해서 정리해보겠습니다. 저번 포스팅이 궁금하신 분들은 여기를 참고해주세요! 그럼 바로 시작하겠습니다! 프로젝트 생성저번 포스팅에서는 개념에 대해서 다뤄봤으니 이번 포스팅에서는 프로젝트에서 직접 해보겠습니다. 먼저 스토리보드로 시작하는 HostingControllerTest 라는 프로젝트를 하나 만들어주겠습니다.SwiftUI 콘텐트 뷰 추가생성을 했다면 해당 프로젝트 파일 안에 SwiftUI View 파일을 추가해주겠습니다. 추가하는 방법은 File > New File from Template... 메뉴 옵션을 선택해서 SwiftUI View 템플릿을 선택하고 생성해주면 됩니다. 그리고 코..

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 SwiftUI와 UIKit을 통합하는 방법에 대해서 한번 알아보려고 합니다. (이번 포스팅에서는 간단하게 개념만 짚고 다음 포스팅에서 프로젝트를 만들어서 설명해드리겠습니다!)서론iOS 개발 생태계는 끊임없이 진화하고 있습니다. SwiftUI가 도입되기 전에 개발된 앱들은 iOS SDK에 포함된 UIKit과 UIKit 기반의 프레임워크를 사용해서 개발이 되었습니다. 2019년 Apple이 SwiftUI를 도입한 이후, 많은 개발자들이 이 새로운 선언적 UI 프레임워크의 장점을 누리고 있습니다. 하지만 동시에 수년간 축적된 UIKit의 강력한 기능과 광범위한 라이브러리를 완전히 배제하기는 어려운 것이 현실입니다. 그렇기 때문에 SwiftUI와 UIKit을 통..

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 @AppStorage와 @SceneStorage 프로퍼티 래퍼에 대해서 정리를 해보려고 합니다. 앱에 요구사항 중 하나는 앱을 다시 시작해도 유지되어야 하는 소량의 데이터를 앱이 저장하고 있어야 한다는 점입니다. 이러한 부분들을 위해서 SwiftUI는 소량의 앱 데이터를 지속적으로 저장하기 위해 두 개의 프로퍼티 래퍼(@AppStorage, @SceneStorage)를 제공하고 있습니다! @SceneStorage 프로퍼티 래퍼@SceneStorage 프로퍼티 래퍼는 개별 앱 화면 인스턴스의 범위 내에서 소량의 데이터를 저장하는 데 사용되며 앱이 실행되는 사이에 화면 상태를 저장하거나 복원하는 데 주로 사용됩니다.  예를 들어서 우리가 어떤 앱에서 양식을 ..