반응형

스위프트UI 5

[iOS] SwiftUI :: 레이아웃 시스템 (Layout System) 1편

SwiftUI에 관한 모든 것은 기존 스토리보드 형식의 iOS 앱과 달리 전부 새롭습니다. 그 중 레이아웃 시스템도 예외는 아닙니다. ​ SwiftUI는 더 이상 자동 레이아웃 (Auto Layout)을 사용하지 않으며 수년 동안 도입된 자동 레이아웃과 관련된 모든 것들을 삭제했습니다. ​ SwiftUI는 반응형 크로스 플랫폼 앱을 쉽게 개발할 수 있도록 처음부터 완전히 새로운 배치 시스템을 갖추고 있습니다. ​ 보통 많은 사람들이 기존에는 UIStackView 에서 오픈 소스를 활용하여 자동 레이아웃을 설계했을 겁니다. 또한 Flexbox를 포함한 웹 상의 레이아웃 시스템으로 작업한 경험이 있을 겁니다. ​ 기본 레이아웃 (Layout Basics) SwiftUI에서 기본적으로 Hello World를 ..

─━ IT ━─ 2021.01.02

[iOS] SwiftUI :: Automatic preview updating paused

때때로 스위프트 UI에서는 미리보기가 제대로 동작하지 않습니다. 미리보기를 열면, 앱 빌드가 되고 빌드가 수행되지만 정상적으로 빌드가 성공했음에도 일시 중지되었음을 알리는 배너가 항상 존재하며 다음과 같은 메시지가 표시됩니다. ​ UI 미리보기가 떠야하는데, info 메시지가 뜬 상황 Automatic preview updating pauses when the the previewed file is edited in a way which causes the containing module to be rebuilt. ​ 다시 시작 (Resume) 버튼을 클릭할 때마다 다시 앱이 만들어지고 다시 미리보기가 올라오게 됩니다. 미리보기마다 앱 빌드를 실행하기 때문에 뭔가 변경될 때마다 앱을 빌드하는 현상이 발생..

─━ IT ━─ 2021.01.01

[iOS] SwiftUI :: Alignment Guide(정렬 가이드) 탐구 1편

스위프트에서 정렬 가이드(Alignment Guide)는 강력하지만 거의 사용되지 않습니다. 정렬 가이드는 앵커 설정과 같은 복잡한 옵션들을 피하는데 도움을 줍니다. 아래 예제에서는 정렬에 대한 변경을 자동으로 애니메이션된 정렬 가이드에 대해 알아보려고 합니다. ​ 소스보기 :: alignment-guide-animation.swift ​ 만약, 당신이 정렬 가이드를 사용해본 적이 있다면, 아마도 이 예제에 대해 당황할 수 있습니다. 정렬 가이드의 한계를 시험해본 결과, 정렬 가이드 자체가 암묵적으로 정렬 지침이 있다는 것을 깨달았습니다. 컨테이너 내부의 모든 뷰에는 개발자의 생각과 달리 정렬 가이드가 존재한다는 것입니다. ​ 정렬 가이드란? 정렬 가이드는 결국 정수 값입니다. 뷰에서의 요소들 중 형제 ..

─━ IT ━─ 2020.12.31

[iOS] Cannot preview SwiftUI

​ ​ ​ 'Cannot preview in this file -- active scheme does not build this file. ' ​ 해당 에러는 iOS 개발에 Swift, SwiftUI를 사용하게 됬을 때 발생한다. ​ 해결하기 위해서는 몇가지 방법이 제시된다. ​ 1) 프로젝트 생성 시 Unit Test Option 해제 2) sudo xcodebuild -license 입력 후 라이센스 동의 3) iCloud Drive가 아니고, root 권한을 가지고 있는 로컬 폴더 생성 후 해당 폴더에서 작업

─━ IT ━─ 2020.12.25
반응형