[SwiftUI] 상태 프로퍼티(State Property)
·
Apple/SwiftUI
안녕하세요! 피피아노입니다🎵 이번 포스팅에서는 SwiftUI의 상태 프로퍼티(State Property)에 대해서 정리해보도록 하겠습니다. 서론 SwiftUI는 앱 개발에 있어서 데이터 중심의 접근 방식을 선호합니다. 이 방식에서는, 사용자 인터페이스의 각 뷰가 기본 데이터가 변할 때마다 별도의 업데이트 코드를 작성하지 않아도 자동으로 갱신되는 특성을 가지고 있습니다. 이는 데이터와 뷰 사이에 마련된 게시자(publisher)와 구독자(subscriber)의 관계를 통해 가능해집니다. SwiftUI는 이러한 데이터 주도적인 사용자 인터페이스를 구현하기 위해 여러 도구를 제공합니다. 상태 프로퍼티(State properties), 관찰 가능한 객체(Observable objects), 상태 객체(State..
[SwiftUI] SwiftUI 스택 정렬(VStack, HStack, ZStack)과 정렬 가이드
·
Apple/SwiftUI
안녕하세요! 피피아노입니다 🎵 이번 시간에는 SwiftUI를 배우면 꼭 알아야 하는 스택 정렬과 정렬 가이드 대해서 포스팅을 해보겠습니다! 그럼 바로 시작하겠습니다! 컨테이너 정렬SwiftUI 스택을 사용할 때 가장 기본적인 정렬 방법은 컨테이너 정렬입니다.  컨테이너 정렬이란 스택에 포함된 하위 뷰들이 스택 내에서 정렬되는 방식을 말하는데, 스택에 포함된 각각의 뷰에 지정된 정렬이 따로 없다면, 스택에 적용한 정렬이 하위 뷰에 적용되게 됩니다. 이렇게 개별적으로 적용된 정렬이 없는 하위 뷰에 상위 뷰의 정렬 방법이 적용되는 것을 암묵적으로 정렬(implicitly aligned)되었다고 표현합니다. 정렬을 할 때 중요한 점은 HStack은 하위 뷰를 수직 방향으로 정렬을 하고, VStack은 하위 뷰..
[SwiftUI] SwiftUI 뷰(View) 이해하기
·
Apple/SwiftUI
안녕하세요! 피피아노입니다 🎵 서론 SwiftUI를 사용해서 개발을 할 때 중요한 요소 중 하나는 SwiftUI의 내장 뷰를 활용하는 동시에, 개별적으로 커스텀 뷰를 생성하여 사용자 인터페이스 디자인을 선언하는 방법을 익히는 것입니다. 그래서 이번에는 포스팅에서는 SwiftUI 뷰의 개념에 대해서 정리를 하고 어떻게 구성이 되어 있는지 정리 해볼까 합니다. SwiftUI 뷰 먼저 사용자 인터페이스 레이아웃은 뷰 사용과 생성, 그리고 결합을 통해서 SwiftUI로 구성됩니다. 가장 먼저 뷰(View)에 대해서 이해하는 것이 중요한데, SwiftUI에서 뷰는 View 프로토콜을 따르는 구조체로 선언되게 됩니다. 이 View 프로토콜을 따르도록 하기 위해서 구조체는 body 프로퍼티를 가지고 있어야 하고 바로..
[SwiftUI] Spacer 이해하고 응용해보기
·
Apple/SwiftUI
안녕하세요! 피피아노입니다 🎵 오늘은 SwiftUI에서 꼭 알아야 할 요소 중 하나인 Spacer에 대해 자세히 알아보려고 합니다. Spacer는 레이아웃을 구성하는 데 있어 중요한 역할을 합니다. 이번 포스팅에선 Spacer의 기본적인 개념부터 고급 사용법까지 한 번 정리해보겠습니다! Spacer란 무엇인가? 우선 애플 개발 문서에 나와 있는 설명부터 확인해보겠습니다. "A flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack" 번역을 해보면 "포함하는 스택 레이아웃의 주 축을 따라 확장되거나 스택에 포함되지 않은 경우 두 축을 따라 ..
[SwiftUI] MVVM(Model-View-ViewModel) 디자인패턴 완벽하게 이해하기
·
Apple/SwiftUI
안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 Swift에서 사용되는 디자인패턴 중 하나인 MVVM(Model-View-ViewModel)에 대해 이야기를 해보려고 합니다. 그럼 바로 시작하겠습니다! MVVM이란?MVVM은 Model-View-ViewModel의 약자로, 애플리케이션의 데이터 처리와 사용자 인터페이스(UI)를 분리하는 데 초점을 맞춥니다. 이 디자인패턴은 크게 세 가지 구성 요소로 이루어져 있습니다. MVVM 구성요소첫 번째로 '모델(Model)'은 애플리케이션의 비즈니스 로직과 데이터를 관리합니다. 데이터베이스와의 상호작용, 네트워크 통신 등이 여기에 해당됩니다. 두 번째로 '뷰(View)'는 사용자에게 보여지는 UI 요소를 담당합니다. 사용자의 입력을 받아 화면을 업데이트하는 역할..
[SwiftUI] SwiftUI 완벽하게 이해하기
·
Apple/SwiftUI
안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 SwiftUI를 공부하기 전에 SwiftUI가 어떤 것인지 이해를 하고 가는 것이 중요하기도 하고, 왜 이렇게 많은 개발자들이 SwiftUI에 열광하는지 이해해보기 위해 SwiftUI에 대해 자세히 정리를 해보려고 합니다. 그럼 바로 시작하겠습니다! SwiftUI란? SwiftUI는 애플이 2019년 WWDC19에서 처음 공개한 프레임워크입니다. 이 SwiftUI가 등장하기 전에는 UI를 구축하기 위해서 플랫폼마다 다른 프레임워크를 사용해야 했습니다. iOS, tvOS UI는 UIKit을, macOS는 AppKit을, watchOS는 WatchKit 이렇게 말이죠. 따라서 다양한 애플 플랫폼을 개발을 하고 싶다면 수많은 프레임워크를 공부해야 한다는 단점이 ..