최근 포스트

SwiftUI에서 콘텍스트 메뉴 바인딩하기

최대 1 분 소요

콘텍스트 메뉴: 사용자가 뷰를 롱 프레스(long press) 했을 때 나타나는 메뉴 구성 항목: Text 뷰 Imgae 뷰(선택사항) Button 뷰 콘텐트 뷰 준비하기 ``` import SwiftUI

SwiftUI에서 탭 뷰 만들기

1 분 소요

SwiftUI 탭 뷰 개요 TabView 컴포넌트 : 탭 바에 있는 탭 아이템을 사용자가 선택할 때 여러 하위 뷰들 사이의 이동 TabView 컨테이너 뷰를 사용 탭 아이템을 가진 탭 바를 레이아웃 하단에 표시 탭 아이템은 수정자를 사용(.tabItem {}) ...

SwiftUI 리스트와 내비게이션

2 분 소요

List 뷰 : 수직 방향의 목록 형태로 사용자에게 정보를 제공하는 방법을 제공 리스트 항목은 사용자가 터치했을 때 앱의 다른 영역으로 이동 ( 내비게이션 ) 정적 데이터와 동적 데이터 모두를 표현가능 추가, 삭제, 항목 순서 재정렬 작업가능

SwiftUI 스택 정렬과 정렬 가이드

3 분 소요

컨테이너 정렬 가장 기본적인 정렬 방법 스택에 포함된 하위 뷰들이 스택 내에서 정렬되는 방식 지정된 정렬이 따로 없다면, 스택에 적용된 정렬이 하위 뷰에 적용(암묵적 정렬(implicitly aligned)) 수직 스택(VStack)은 하위 뷰를 수평 방향 정렬 ...

SwiftUI 예제 튜토리얼

2 분 소요

레이아웃에 VStack 추가하기 코드 에디터에서 Text 뷰 항목 선택 키보드의 Command 키를 누른 상태에서 Text 뷰 항목 클릭 Embed in VStack 선택 struct ContentView: View { var body: some View {...

상태, Observable 객체, 그리고 Environment 객체로 작업하기

2 분 소요

상태, Observable 객체, Environment 객체 사용자 인터페이스의 모양과 동작을 결정하는 상태 제공 사용자 인터페이스 레아아웃을 구성하는 뷰는 뷰와 바인딩된 상태 객체가 시간이 지남에 따라 변하면 그 상태에 따라 자동으로 뷰가 업데이트 됨

SwiftUI 스택과 프레임

2 분 소요

SwiftUI 스택 VStack(수직) struct ContentView: View { var body: some View { VStack { Image(systemName: "goforward.10") Image(sy...

SwiftUI로 커스텀 뷰 생성하기

3 분 소요

SwiftUI 뷰 SwiftUI에서 뷰(view) 란? View 프로토콜을 따르는 구조체로 선언 body 프로퍼티를 내포 body 프로퍼티 안에 뷰가 선언 ex) 텍스트 레이블, 텍스트 필드, 메뉴, 토글, 레이아웃 매니저 뷰 뷰를 사용하여 커스텀 뷰 생성가능