먹고 기도하고 코딩하라

이 파트는 사실 SwiftUI에서 UIKit를 사용해야 할 때 유용한 것이기 때문에 그런 경우가 아니라면 나중에 살펴봐도 된다. 1. Create a View to Represent a UIPageViewController UIViewRepresentable UIViewControllerRepresentable: makeUIViewController, updateUIViewController(setViewControllers) SwiftUI에서 UIKit 뷰와 뷰 컨트롤러를 보여주려면 UIViewRepresentable과 UIViewControllerRepresentable 프로토콜을 지키는 타입을 만들어야 한다. 이번 튜토리얼에서는 캐러셀을 UIKit로 만들어본다. 이번에는 Swift 파일을 만들되, ..

1. Display a User Profile hueRotation, grayScale, .toolbar, .sheet 이제 유저 프로필을 보여준다. 사용자들이 디테일을 바꾸기 전까지는 요약 뷰를 보게 된다. Profile.swift 파일을 만들어준다. 여기에는 username(String), prefersNotifications(Bool), seasonalPhoto(String, enum 타입), goalDate(Date) 프로퍼티와 static 프로퍼티 `default` Profile이 들어간다. 프로필을 보여줄 ProfileHost SwiftUI View 파일을 만든다. @State 프로퍼티로 draftProfile을 만들어 앞서 Profile 파일에서 만든 static 프로퍼티를 할당한다. Pro..

1. Add a Category View 랜드마크들을 카테고리별로 분류해 보여주고, 뷰 상단에는 featured landmark를 보여주는 카테고리 뷰를 만든다. CategoryHome SwiftUI View 파일을 만들고, NavigationView를 추가한다. .navigationTitle(_:)로 제목도 붙여준다. struct CategoryHome: View { var body: some View { NavigationView { Text("Hello, World!") .navigationTitle("Featured") } } } 2. Create a Category List Dictionary, ForEach 카테고리 뷰는 모든 카테고리를 분리된 row로 보여줘서 사용자가 쉽게 랜드마크를 볼 수..

사실 앞에 CoreGraphics를 사용해서 도형을 그리는 Drawing Paths and Shapes 챕터가 있긴 한데 여기는 굳이.. 정리할 필요까지는 없고, 나중에 필요할 때 보면 될 것 같아서 따로 쓰지 않기로 했다. 1. Add Hiking Data to the App 여기서는 hikeData.json이라는 새로운 데이터 파일을 받아 로드하고, Hike.swift라는 새로운 데이터 모델을 만든다. 애니메이션 효과를 배우기 위한 기초 작업이므로 글의 주제와 맞지 않아서 넘어간다. 2. Add Animations to Individual Views animation(_:) modifier 사용, scaleEffect(_:anchor:) 사용 animation(_:) modifier를 equatabl..

버튼.. 여기에 무슨 설명이 더 필요한가? 버튼은 버튼이다. struct Button where Label : View 개요 버튼을 만들려면 action과 label(레이블)을 주면 된다. 액션은 사용자가 버튼을 클릭하거나 탭했을 때 실행할 메소드나 클로저 프로퍼티이다. 레이블은 버튼의 액션을 묘사한 뷰인데, 텍스트거나 아이콘이나 뭐 둘 다일 수도 있다. 다음은 "Sign In"이라는 레이블을 갖고 있고, 탭하면 signIn 메소드가 실행되는 버튼 뷰이다. Button(action: signIn) { Text("Sign In") } 버튼 레이블이 텍스트로만 이뤄져 있다면 후행 클로저 대신 간단하게 쓸 수도 있다. Button("Sign In", action: signIn) 플랫폼에 따라 버튼과 사용자가 ..

1. Mark the User's Favorite Landmarks SF Symbols 사용 Landmark 모델 데이터를 수정하는 것으로 시작한다. 이제 사용자가 어떤 랜드마크를 선호하는지 표시해야 하기 때문에 isFavorite 타입을 추가해준다. struct Landmark: Hashable, Codable, Identifiable { var id: Int var name: String var park: String var state: String var description: String var isFavorite: Bool Image는 Assets에 있는 것만 쓸 수 있는 건 아니다. SF Symbols를 사용하면 어떤 이미지가 필요할 때 Assets에 저장하지 않고도 그냥 쓸 수 있다. SF ..

B. Building Lists and Navigation 1. Create a Landmark Model 구조체로 데이터 모델 만들기, Hashable, Codable, Data, Bundle, JSONDecoder 앞의 예제에서는 데이터를 하드코딩해서 넣었다. "Turtle Rock" 등.. 이 예제에서는 프로젝트에서 미리 주어진 json 파일을 포함시켜 진행한다. 외부에서 파일을 드래그해 끌어다놓을 때는 "Copy items if needed"에 체크해준다. SwiftUI로 앱을 만들 때는 뷰(화면)는 SwiftUI View로, 모델 등은 Swift File로 만든다. Landmark 모델을 만들기 위해 Swift File을 만들면, 초기에는 Foundation이 자동으로 import되어 있다. 참..

Text 뷰는 진짜 많이 쓴다. 사실상 Text 뷰를 안 쓰고 뭔가 만들기는 참 어렵달까.. Text 뷰 자체는 1줄 혹은 여러 줄의 수정할 수 없는 read-only 텍스트를 보여주는 뷰이다. @frozen struct Text 폰트 스타일 지정 텍스트 뷰는 body 폰트 스타일(기본)을 사용해 앱의 UI의 글자들을 실행 중인 플랫폼에 어울리게 표시한다. 다른 표준 폰트를 사용할 수도 있다. font(_:) modifier를 사용한다. 다음은 기본으로 주어진 폰트들을 실험해본 결과다. VStack { VStack(spacing: 10) { Text("largeTitle") .font(.largeTitle) Text("title") .font(.title) Text("title2") .font(.titl..