Moon Work

개요SwiftUI는 부드럽고 자연스러운 사용자 경험을 구현할 수 있는 다양한 애니메이션 기능을 제공합니다. 그중에서도 @Namespace와 matchedGeometryEffect를 활용하면 두 개의 서로 다른 뷰 간 전환에서 시각적으로 일관된 애니메이션을 쉽게 구현할 수 있습니다. 이 문서에서는 애플이 말하는 Fluid Animation의 개념을 이해하고, 이를 구현하기 위해 @Namespace와 matchedGeometryEffect를 어떻게 활용하는지 알아봅니다. Fluid Interfaces이란?애플은 Fluid Animation을 “사용자의 행동에 즉각적이고 자연스럽게 반응하며, 물리적 연속성을 지닌 전환”으로 정의합니다. 예를 들어, 리스트의 썸네일을 탭했을 때 그 이미지가 자연스럽게 전체 화면..

내가 만든 앱이 버벅거리거나, 앱을 구동하면 핸드폰이 너무 뜨거워지나요? Instrument는 구현과 함께, 또는 그 이후에 최적화를 통해 이런 문제를 해결할 수 있도록 돕는 도구가 있습니다. KWDC24에서 View가 버벅거리는 이유에 관한 발표를 듣고 제가 만드는 앱의 버벅거림을 개선해보기 위해 학습해보고 싶었습니다(다음 글은 실제 개선 및 성능 향상 정도를 보여줄 수 있을지도..?!). 이 글에서는 Paul Hudson 씨의 예제와 기본 개념을 버무려 Instruments의 기본적인 기능에 대해 정리하였습니다. 기본적인 개념을 익히고, 이후 다양한 instruments들을 체험해보시길 기대합니다(저도 알려주세요👀) About InstrumentsInstruments는 Xcode 도구 세트의 일부로..

팀원들과 어떻게 하나의 앱으로 공유하죠?Q. 왜 제 핸드폰에 앱이 빌드가 되지 않는건가요? Q. 팀원 Xcode에 로그인했는데 왜 핸드폰에 빌드가 되지 않는걸까요?위와 같은 질문은 애플생태계에서 개발을 하다보면 자연스럽게 경험하게 되는 부분입니다. 위 질문에 답하기 위해서는 애플이 앱을 실행시키기 위해 만든 보안에 대해 이해가 필요합니다. 이해를 하려고 미루고 미루다, 아카데미에서 진행하는 출석 체크 앱의 유지보수를 위해 이번에 깊게 이해해보려 했습니다. 앱을 실행시키려면앱은 앱스토어에서 다운받을 수 있고, 그 앱은 애플이 발급한 인증서(Certificate)를 통한 코드 서명(Code Signing)이 되어야 실행이 될 수 있습니다. 코드 서명(Code Signing)이란, 앱에 서명을 한 이후 변경이..

에러: "No such module" 상황은 이렇다. FireStore를 하기 위해 SPM으로 dependency를 추가하고 build를 했는데 No such module 에러가 발생했다. 오늘도 나의 인내심을 성장시켜준 에러. 감사하다. 시도한 방법 1. Project Navigator - Targer - BuildSetting에서 Debug와 Release를 빈칸으로 바꿔보았지만 아무런 일도 일어나지 않았다. 2. Xcode 에러인 것 같아서 Xcode를 종료했다가 다시 했지만 실패 3. SPM에 누락된 라이브러리가 있을 수도 있어서 Firebase의 모든 라이브러리를 적용했지만 실패 4. SPM에서 dependency 삭제 제거 3회 반복 -> 실패 해결 방법 현타가 올 수도 있으니 조심하자 SPM..

SwiftUI에서 화면 캡쳐하기최근에 하는 프로젝트에서 image를 만들어서 instagram으로 공유하는 기능을 구현해야 했다. 먼저는 화면의 이미지를 image로 렌더해야 하는 기능을 구현해야 해서 UIGraphicsImageRenderer를 활용한 캡쳐 기능을 구현하였다. 구현 순서1. Target으로하는 View를 구현한다.해당 뷰를 그대로 이미지로 만들기 때문에 따로 View를 만들거나 아래와 같이 바뀌는 내용이 없다면 extension에 computed property로 구현해도 된다.// 렌더해야 하는 뷰extension RendererTestView { private var TargetImageView: some View { ZStack{ Color.w..

Codable: type alias Codable is a type alias for the Encodable and Decodable protocols. When you use Codable as a type or a generic constraint, it matches any type that conforms to both protocols. Coadable은 Encodable과 Decodable을 합친 Union Type이다. 정의 typealias Codable = Decodable & Encodable Decodable: Protocol A type that can decode itself from an external representation. Decodable은 외부 표현을 자신으로 변환..

@State와 @ObservableObjectSwiftUI Tutorial를 통해 SwiftUI를 공부하는데 이런 뜬금없는 친구들이 등장했다. 일단 쓰이는 곳에서 view가 새로 렌더된다는 느낌만 받고 넘어갔지만,, 결국 정리를 해야 다음 단계로 넘어갈 수 있을 것 같아 자세히 정리해보려 한다. @State@State는 SwiftUI의 뷰에서 사용되는 속성으로, @State가 붙어있는 속성이 변경 되는 경우 view가 자동으로 새로 그려지도록 하는데 사용된다. 다시 설명하자면 기존의 View에서 사용되는 변수들은 변경되어도 view가 다시 그려지지 않는 반면, @State가 붙은 변수( showDetail, showStar, 등)를 통해 view의 변화가 필요한 경우 사용할 수 있다. @State va..