[SwiftUI]뷰 중첩(겹치기)을 위한 Overlay, Background 예제 (ZStack)
Overlay 와 Background 수식어를 이용하여 ZStack과 동일한 중첩된 뷰를 만들 수 있습니다. Overlay는 중첩방향이 위로 쌓아갑니다. struct ContentView: View { var body: some View {...
[SwiftUI] 여러개의 스택을 이용한 레이아웃 UI만드는 방법 예제
HStack, VStack, ZStack을 중첩해서 사용하여 SwiftUI에서 뷰를 구성하는 예제 import SwiftUI struct ContentView: View { var body: some View { VStack { Text("도형만들기").font(.largeTitle).fontWeight(.heavy) HStack {...
[SwiftUI] Spacer 뷰 기본 사용방법 및 예제
Spacer는 뷰 사이의 간격 또는 뷰의 크기를 확장할 때 사용되는 레이아웃을 위한 뷰입니다. Spacer 특성 스택 외부에서 사용될 때 –> 단독 사용시 부모 뷰가 제공하는...
[SwiftUI] 레이아웃 배치 스택(HStack,VStack,ZStack) 기본 사용 방법 (뷰 정렬 방법 및 뷰들 사이의 간격 조정 방법)
SwiftUI에서 레이아웃을 구성할 때 Stack은 필수적으로 활용하게되는 매우 중요한 뷰 레이아웃입니다. 스택의 3가지 종류 스택 설명 HStack 가로방향으로 뷰를 배열(Horizontal Stack) VStack 세로방향으로 뷰를 배열(Vertical...
[SwiftUI] SF Symbols 4 설치 및 사용 방법 예제 코드 총정리(systemName, imageScale, font, weight)
SF Symbols이란? 애플이 직접 만들어 제공하는 이미지들의 모음(아이콘 라이브러리) 벡터 기반의 이미지로 색상 변경 및 크기 변경이 가능 애플의 시스템 폰트로 사용되는 SF Font(샌프란시스코 폰트)와...
[SwiftUI]이미지(Image) 뷰 클래스 기본 사용법 및 예제 총정리
frame(width:50, height:50) 파란색 정사각형 import SwiftUI struct ContentView: View { var body: some View { HStack { Image("squid-game") Image("squid-game").frame(width: 50, height: 50) Image("squid-game").frame(width: 100, height:...
[SwiftUI] Xcode 툴에서 에셋(Assets.xcassets) 이미지 추가하는 3가지 방법
에셋 카탈로그(Asset Catalog) Xcode 에서 프로젝트를 생성하면 Assets.xcassets 폴더가 생성되는데, 이 폴더를 에셋 카탈로그라고 부릅니다. Assets.xcassets는 앱 개발시 앱에서 사용될 다양한 리소스를 관리할 수 있습니다....
[SwiftUI] 텍스트(Text) 뷰 클래스 수식어 종류 및 사용법 (수식어 순서 주의)
텍스트(Text) 뷰(클래스)는 SwiftUI에서 가장 기본적인 클래스로 가장 많이 사용하게 될 뷰입니다. Xcode 툴에서 작성한 Text 코드 위에 command 키 또는 control키를 누른 상태에서 마우스 좌클릭을...
[SwiftUI] UIKit와 SwiftUI의 구성요소 비교표 (UIKit 클래스명에서 UI만 빼면 SwiftUI와 거의 비슷한 요소가 많다.)
SwiftUI는 개발자가 빠르게 적응할 수 있도록 뷰의 이름만 봐도 어떤 역할을 하는지 유추하기 쉽게 만들어졌습니다. 이름이 완전 다르거나 지원하지 않는 요소에 대해 정리를...
[Swift 문법] 리턴 생략(Omit Return) (SE-02555) 은 언제 가능할까?
리턴 생략(Omit Return) (SE-02555) 단일 표현식(single-expression)이 사용된 함수에 대해 클로저와 동일하게 리턴return) 키워드 생략이 가능합니다. 단일 표현식이 단일 행을 의미하는 것이 아니니 주의합니다. 코드 작성시...