본문 바로가기

🔨 Xcode/🎨 SwiftUI4

SwiftUI 4일차 • 사진앨범에서 이미지를 들고와 뷰에 푸시하기 안녕하세요 제로데이 입니다! 오늘은 사진을 화면에 띄울 것인데요. 바로 시작해보도록 하겠습니다. 평소와 똑같이 SwiftUI로 프로젝트를 만들어 주세요. import SwiftUI struct ContentView: View { var body: some View { Text("Hello, world!") .padding() } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } 생성시 만들어지는 기본 코드입니다. 우선 사진을 뷰에 띄우려면 첫번째로 사진앨범에 접근을 해야 되는데요. 버튼을 눌러 사진을 고르게 하기위해 버튼을 만들어 보겠습니다. 깔끔하게 하기 위해서 네비게이션 바.. 2021. 2. 14.
SwiftUI 3일차 • VStack, HStack, @State ⋯ 관하여 안녕하세요 제로데이 입니다! 2일차에서 말 다 못한 VStack, HStack, @State, SwiftUI 코딩 방식에 대해 설명해드리겠습니다. 2일차 링크 z3r0day.tistory.com/18 SwiftUI 2일차 • 버튼을 누르면 'Hello World!'가 튀어나오게 해보자! 안녕하세요 제로데이입니다! 오늘할 주제는 제목과 같이 '버튼을 누르면 'Hello World!'가 튀어나오게 해보자!'입니다. 우선 1일차의 마지막 진행을 보면 아래처럼 이렇습니다 버튼을 넣어 텍스트를 z3r0day.tistory.com VStack이란 UI를 수직으로 정렬하는 것 입니다. var body: some View { VStack { Text("item1") Text("item2") Text("item3") ⋯.. 2021. 2. 13.
SwiftUI 2일차 • 버튼을 누르면 'Hello World!'가 튀어나오게 해보자! 안녕하세요 제로데이입니다! 오늘할 주제는 제목과 같이 '버튼을 누르면 'Hello World!'가 튀어나오게 해보자!'입니다. 우선 1일차의 마지막 진행을 보면 아래처럼 이렇습니다 버튼을 넣어 텍스트를 띄우기전에 개념을 조금 알아야 되는데 코드와 같이 설명해드리겠습니다. struct ContentView: View { var body: some View { Text("Hello, world!") .padding() } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } 우선눈에 두개의 구조체가 눈에 들어옵니다. struct ContentView: View 와 struct Cont.. 2021. 2. 12.
SwiftUI 1일차 • 프로젝트 생성 및 소개 안녕하세요 제로데이입니다! 오늘부터 SwiftUI를 통해 개발하고 공부한것을 공유하고자 글을 작성을 하게되었습니다. SwiftUI란 스토리보드를 대체할수있는 애플이 만든 새로운 인터페이스 시스템입니다. 엑스코드에서 언어가 Objective-C에서 Swift로 점점 추세가 변한것처럼 인터페이스도 스토리보드에서 SwiftUI로 언젠가 추세가 변할겁니다. 그것을 대비해 여러분들도 대비를 해두는게 좋겠죠? (초심자 분들은 제 글을 보면서 저와 같이 Step by step으로 개발하시면 더욱 좋을것 같네요.) 자 그럼 프로젝트를 생성해 봅시다. Xcode에서 프로젝트를 생성을 누르면 이런 화면이 나오는데 저희는 iPhone 개발을 할 것이니 iOS - App을 누르고 Next를 누릅니다. 이제 프로젝트에 넣을 옵.. 2021. 2. 9.