WWDC24 개발자 대상 발표 내용 요약 정리
조금 전에 끝난 WWDC24 개발자 대상 발표 내용을 간단하게 요약해본다. 크레이그 페더리기가 오전 키노트 발표 전에 무대에 나와 오늘 오전 발표에선 키워드만 찍고 달린다는 식으로...
[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는 앱 개발시 앱에서 사용될 다양한 리소스를 관리할 수 있습니다....