개발을 시작하는 이야기

강의 보기 : YouTube :: Stanford URL과 Image를 Drag & Drop 이모지 외에도 배경을 Drag & Drop 할 수 있기 때문에 URL이나 Image가 드롭되었을 때 이를 받을 수 있어야 한다. private func drop(providers: [NSItemProvider], at location: CGPoint, in geometry: GeometryProxy) -> Bool { var found = providers.loadObjects(ofType: URL.self) { url in document.setBackground(EmojiArtModel.Background.url(url)) } if !found { found = providers.loadObjects(ofTy..

강의 보기 : YouTube :: Stanford Collections of Identifiable Identifiable A class of types whose instances hold the value of an entity with stable identity. 인스턴스가 안정적으로 구분될 수 있는 엔티티 값을 가지도록 하는 타입의 클래스 func choose(_ card: Card) { if let index = cards.firstIndex(where: { $0.id == card.id }) { cards[index].isFaceUp = true } } Color vs UIColor vs CGColor Color color-specifier : foregroundColor(Color.gree..

강의 보기 : Youtube :: Stanford rotation3DEffect 카드를 선택했을 때 fade 효과나 scale 같은 효과가 아닌, 카드를 뒤집는 효과를 주기 위해 Cardify의 ZStack에 rotation3DEffect 효과를 주었다. 뒤집는 효과를 주기 위해 axis의 y축에만 효과를 주었다. 카드는 정상적으로 뒤집을 수 있지만 다른 곳에서 문제가 발생했다. 카드를 뒤집기 시작하는 순간부터 카드가 미처 다 돌아가지 않았음에도 이모지가 서서히 나타나기 시작하는 문제가 발생했다. 이는 이모지를 보여주는 content를 opacity효과를 주면서 (isFaceUp ? 1:0)의 변화에 의존하기 때문이다. struct Cardify: ViewModifier { var isFaceUp: Bo..

강의 보기 : Youtube :: Stanford Animation 애니메이션 효과는 변화가 발생했을 때만 나타난다. 1. View가 이미 UI에 들어가 있는 상태에서 ViewModifier의 인자가 바뀌었을 때 2. shape가 바뀌었을 때 3. UI 내부의 View가 생기거나 사라질 때 UI상의 View container에 추가되는 경우 UI상의 View container에 제거되는 경우 if-else, ForEach문 애니메이션을 실행하는 세 가지 방법 Implicit Animation .animation(Animation) View Modifier를 이용한 방식 duration, delay, repear, curve 등 직접 지정할 수 있다. .animation 앞의 모든 View Modifier..

강의 보기 : Youtube :: Stanford @State, @Binding @State는 단어 그대로 현재 상태를 나타내는 속성으로, 뷰의 어떤 값을 저장하는 데 사용된다. 현재 뷰 UI의 특정 상태를 저장하기 위해 만들어진 것이기 때문에 보통 Private로 지정하여 사용한다. @State 속성의 프로퍼티 값은 재 할당을 하더라도 변경되지 않는데 @Binding 변수를 통해서 변경이 가능하다. @Binding은 단어 그대로 구속력 있는, 묶여 있다는 뜻으로, @State 속성으로 선언된 프로퍼티와 묶여 있다고 생각하면 된다. @State는 주가 되는 뷰에 선언을 해주고, 선언된 프로퍼티를 다른 뷰에서 사용하기 위해서는 @Binding을 사용한다. 그리고 사용 시에는 $를 앞에 붙여주어 Bindin..

강의 보기 : Youtube :: Stanford 이번 강의에서 주된 내용은 Enum과 Optional에 대한 이야기 Enum 값타입으로 관련 데이터를 가지고 있을수 있다. enum의 상태 체크는 switch를 이용한다. break는 아무 일도 하고 싶지 않을 때 사용한다. default는 기본값에 해당하는, 케이스가 없는 경우 사용한다. if문의 else 와 같은 느낌 switch에서 열거형을 case로 구분할때, 튜플에서 label을 추가해서 해당 값에 접근할 수 있다. 저장프로퍼티는 가질수 없고, 함수 사용은 가능하다. CaseIterable를 이용해서 모든 타입에 접근할 수 있다. enum A: CaseIterable { case a case b case c } for e in A.allCases..

강의 보기 : YouTube :: Stanford struct ContentView: View { var body: some View { HStack { ZStack { RoundedRectangle(cornerRadius: 20.0) .stroke(lineWidth: 3) Text("Hello, CS193p!") } ZStack { RoundedRectangle(cornerRadius: 20.0) .stroke(lineWidth: 3) Text("Hello, CS193p!") } ZStack { RoundedRectangle(cornerRadius: 20.0) .stroke(lineWidth: 3) Text("Hello, CS193p!") } ZStack { RoundedRectangle(cornerR..

강의 보기 : YouTube :: Stanford 12분까지는 오리엔테이션 및 제작할 프로젝트에 대한 설명 15분까지는 Xcode에 대한 설명 및 설치 21분까지 프로젝트 생성에 대한 설명이다. 33분까지가 생성된 파일과 Preview화면, Assets, Project 파일들에 대한 설명들이다. 기본기는 이미 알고있다거나, 다시 리마인드로 듣는다면 33분부터 봐도 될 듯하다. 물론 나는 처음부터 시청. SwiftUI 상태 기반 프레임워크로 뷰의 Reference를 가져오거나 뷰를 임의로 수정할 수 없음. struct ContentView: View { var body: some View { Text("Hello, world!") .padding() } }​ some은 Opaque Type, 불투명한 타입..