[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 이렇게 말이죠. 따라서 다양한 애플 플랫폼을 개발을 하고 싶다면 수많은 프레임워크를 공부해야 한다는 단점이 ..