1. DarkMode Assets - Color Set에서 LightMode와 DarkMode에서의 색상을 설정할 수 있음 2. Divider VStack{ Divider() HStack{ Image(systemName: "heart") Divider() .frame(height: 30) Text("Pado") Divider() .frame(height: 30) } Divider() .background(.red) .frame(height: 30) HStack{ Image(systemName: "heart") Divider() .frame(height: 30) Text("Pado") Divider() .frame(height: 30) } Divider() } Divider() : 구분선을 추가한다. .f..

1. @State struct ContentView: View { @State var name: String = "" var body: some View { VStack { Text("Hi \(name)") Button{ name = "Pado" }label: { Text("Click") } } } } @State 변수가 바뀌면 화면을 다시 그린다. 2. padding VStack { Image(systemName: "heart") .resizable() .aspectRatio(contentMode: .fit) .frame(width: 100) .padding([.bottom, .top], 100) .background(.yellow) .foregroundColor(.red) Image(systemNam..

1. List List{ HStack{ Image(systemName: "heart") Text("PADO") } HStack{ Image(systemName: "heart.fill") Text("ARI") } HStack{ Image(systemName: "bolt") Text("WAVE") } } 뷰들을 리스트로 만들어준다. 2. Section List{ Section{ HStack{ Image(systemName: "heart") Text("PADO") } HStack{ Image(systemName: "heart.fill") Text("ARI") } HStack{ Image(systemName: "bolt") Text("WAVE") } } header: { Text("A Class") } foot..

1. Button Button(role: .destructive) { print("Clicked") } label: { Text("PADO") .padding() .frame(width:150) .background(.yellow) .cornerRadius(12) } Button(role: .destructive) : 버튼의 역할이 무엇인지, desturctive이므로 텍스트 컬러가 빨강으로 설정됨 Button {여기 !!} 에 버튼을 눌렀을 때 어떤액션이 일어나는지 보여줌 label로 버튼을 꾸며줄 수 있는데 Text("여기!!")에 있는 텍스트를 보여줌 .padding() : 패딩 주기 .frame(width:150) : 가로를 150으로 .backgound(.yellow) : 배경 컬러를 노랑으로..

애플의 공식 문서인 iOS App Dev Tutorials를 보면서 SwiftUI 공부를 시작했다. 그중 SwiftUI의 Chapter 1 - SwiftUI essentials부터 시작해 보았다! Figma에서 사용하던 기능들과 대응하면서 생각해 보니까 이해가 잘 됐다. 1. Create a project Xcode에서 새로운 프로젝트를 생성하였다. 문서에서는 App으로 설정하였지만, 현재 프로젝트를 Swift Playgrounds App 기반으로 진행하기에 Swift Playgrounds App으로 선택하였다. 2. Build groups of views 📍 ProgressView ProgressView(value: 5, total: 15) Progressive bar를 보여준다. value / tot..