개발새발 개발개발

7-1. 개요 View Life Cycle이란 말그대로 뷰의 생명주기라는 뜻인데 뷰가 호출돼서 메모리에 적재되었다가, 뷰가 메모리에서 해제될 때 까지의 과정을 생명주기라고 한다. Swift의 UI 프레임워크인 UIKit과 Swift UI에는 각각 다른 방식의 생명주기를 통해 관리를 하는데 오늘은 이 2가지 프레임워크의 생명주기를 공부하고자 한다. 7-2. UIKit View Life Cycle -loadView 화면의 띄울 View를 만드는 메서드로 View를 만들고 메모리에 올리는 역할을 한다. 일반적으로 사용자는 이 메서드를 직접 호출하면 안된다고 개발 문서에는 나와있다. -viewDidLoad loadView를 통해 메모리에 성공적으로 로드가 되면 호출되는 함수이다. 화면이 처음 만들어질 때 한 번..

swiftUI에는 다양한 Gesture를 보다 쉽게 구현할 수 있도록 도와준다. Gesture를 감지하는 변수를 GestureState 키워드를 통해 바인딩을 하여 변수가 true일 때만 guesture를 실행하는 식으로 Gesture를 제공하고 있다. Gesture는 총 5가지 종류의 제스쳐가 있다. — TapGesture : 하나 이상의 탭을 인식하는 제스쳐이다. — LongPressGesture : 길게 누르면 인식하는 제스쳐이다. — DragGesture : 드래그 이벤트가 변경될 때 작업을 호출하는 제스쳐이다. — MagnificationGesture : 확대를 할 때 인식하는 제스쳐이다. —RotationGesture : 회전 동작을 인식하고 회전 각도를 추적하는 제스쳐이다. LongPress..

withAnimation swiftUI에서 기본적인 애니메이션 요소는 ease-in, ease-out이다. Example1 import SwiftUI struct ContentView: View { @State private var isButtonVisible = true var body: some View { VStack { Button(action: { withAnimation { self.isButtonVisible.toggle() } }) { Text("Press Me") } if isButtonVisible { Button(action:{}) { Text("Hidden Button") } } } } } struct ContentView_Previews: PreviewProvider { stati..

Toggle on/off 버튼을 만드는 컴포넌트이다. Example import SwiftUI struct ContentView: View { @State private var status = true var body: some View { Toggle(isOn: $status, label: { Text("toggle") }) } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } 기본적으로 bool 값을 받는 isOn 파라미터와 제목을 Text 컴포넌트로 받는 label 파라미터가 있다. Example2 Toggle 스타일을 통해 toggle 버튼을 커스텀할 수 있다. impo..

Gradient SwiftUI의 구조체 중 하나로 그라데이션을 적용할 때 사용한다. 파라미터는 colors라는 배열 파라미터가 존재하고 해당 배열안에 원하는 색상을 넣으면 적용이된다. Init Gradient(colors: [.red, .blue]) 이렇게 하면 색상이 빨간색과 파란색으로 된 그라데이션을 만들 수 있다. LenearGradient LenearGradient는 시작점과 끝점으로 축에 따라 색상 함수를 적용하는 그라데이션을 제공한다. Example import SwiftUI struct ContentView: View { var body: some View { LinearGradient(gradient: Gradient(colors: [.red, .white]), startPoint: .to..

개요 SwiftUI는 뷰 계층을 구성할 때 뷰에 대한 데이터 종속성도 표시한다. 외부 이벤트 또는 사용자가 수행한 작업으로 인해 데이터가 변경되면 SwiftUI는 인터페이스의 영향을 받는 부분을 자동으로 업데이트한다. 이런 앱 모델 내의 데이터 흐름과 변경사항을 제어하고 대응하는 상태를 제공하는 것은 총 3가지가 존재한다. —State —Binding —Observed Object @State SwiftUI의 view는 Struct 구조체로 구성되어 있고 이는 언제든 사용가능하고 소멸 또한 가능하다. 일반적으로는 Struct는 값 타입이라 Struct 안에 있는 값을 변경할 수 없다. 그래서 만든 것이 @State 키워드로 이는 struct 내에서 값을 변경가능하도록 도와준다. — String, Int,..

Layout 1. Frame() 프레임은 고정된 크기의 레이아웃을 지정할 때 사용한다. import SwiftUI struct Layout: View { var body: some View { VStack { Text("Hello World!") .background(Color.blue) Text("Hello SwiftUI!") .frame(width: 200, height: 300, alignment: .center) .background(Color.purple) Text("Let's learn SwiftUI") .frame(minWidth: 200, maxWidth: 300, minHeight: 100, maxHeight: 200, alignment: .center) .background(Color...