[Xcode] 스토리보드 사용방법 : 오브젝트 라이브러리는 어디로 숨었니?
엑스코드 개발툴에서 스토리보드를 사용하여 UI 구성하는 방법에 대해 알아봅니다. 앱 개발을 위해 맥북에 설치된 엑스코드는 13.1(13A1030d) 버전입니다. 오브젝트 라이브러리(Object library)는 어디에서 찾을 수 있을까? 2017년에...
[Xcode] iOS앱을 만들기 위해 신규 프로젝트를 생성하는 방법
엑스코드 : 신규 앱 개발 프로젝트 생성하는 방법 1. Xcode 툴을 실행합니다. 2. Create a new Xcode project를 클릭합니다. 3. 템플릿을 선택하세요. iOS탭을 선택후 Application...
[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키를 누른 상태에서 마우스 좌클릭을...
