THIS IS ELLIE

안녕하세요 오늘은 스유로 QR코드를 생성해보려 합니다 (오랜만에 작성하는 스유 포스팅은 왜 이렇게 어색한지) (친해지자 스유 ^^,,) 그럼 시작 먼저 CoreImage.CIFIlterBuiltins를 import 해줍니다 CoreImage.CIFilterBuiltins를 임포트 해주는 이유는 CIFilterBuiltins 구조체가 Core Image 프레임워크에 내장된 CIFilter들을 담고 있어요 그리고 여기서 qrCodeGenerator메소드를 사용하기 위함입니다 상태 변화를 감지하기 위해 @Observable class QR이라고 생성해 줄게요 이메일 주소를 가질 변수 emailAddress를 생성해 줍니다 CIContext클래스 인스턴스를 생성해줍니다 CIContext는 코어 이미지 작업을 수..

오늘은 SwiftUI에 Animation을 사용해보려 합니다. 먼저 isZoomed @State프로퍼티를 만들어줍니다. 디폴트 값은 false로 해주고 scrollView가 onAppear 되는 시점 애니메이션이 실행되고 isZoomed값도 토글됩니다. banner의 높이를 결정지을 bannerHeight변수는 isZoomed 값에 따라 253이 되거나 0이 됩니다. frame에 height로 바로 사용하기 위해 타입은 Double(CGFloat)로 선언해줍니다. 이게 끝 struct ContentView: View { @State private var isZoomed: Bool = false var bannerHeight: Double { isZoomed ? 253 : 0 } var body: some..

안녕하세요 오늘은 얼럿에 대해서 알아보겠습니다. 얼럿은 iOS15에서 업데이트되었기 때문에 iOS 15 이상만 지원하면 되는지? iOS 13,14도 지원해야하는지? 생각해보시고 상황에 따라 다르게 구현하면 됩니다. 먼저 iOS 15에서는요 modifier를 통해 얼럿을 생성할 수 있습니다. struct ContentView: View { @State private var showingAlert = false var body: some View { Button("얼럿 생성") { showingAlert = true } .alert("여기 타이틀", isPresented: $showingAlert) { Button("OK", role: .cancel) { print("OK 누름") } } } } 여기서 @S..

안녕하세요 오늘은 Rectangle, RoundedRectangle에 대해서 포스팅하겠습니다. SwiftUI는 Rectangle, RoundedRectangle, Capsule, Ellipse, Circle 이렇게 5가지 Shape를 제공합니다. 그중에서 오늘은 Rectangle과 RoundedRectangle만 살펴보려 합니다. (나머지는 나중에) VStack으로 빨간색 Rectangle 200x200짜리 하나 RoundedRectangle 200x200짜리 하나 그려줍니다. struct ContentView: View { var body: some View { VStack { Rectangle() .fill(.red) .frame(width: 200, height: 200) RoundedRectang..

안녕하세요. 오랜갑만입ㄴ다. 오늘은 VStack과 LazyVStack에 대해서 포스팅하려 합니다. 먼저 VStack은 익숙하시죠? (모르겠으면 여기) 2020.05.28 - [개발/SwiftUI] - SwiftUI 유형별 스택 VStack, HStack, ZStack ㅇㅇ VStack을 사용하면 수직으로 뷰를 쌓을 수 있습니다. 간단한 예로 텍스트 두 개 생성해서 VStack에 넣어봅시다. struct ContentView: View { var body: some View { VStack { Text("안녕") Text("하세요") } } } 안녕, 하세요를 VStack안에 넣어주면? 아래와 같이 세로로 텍스트가 노출되게 됩니다. 여기까지 오케이! 그럼 LazyVStack은 언제 쓰는데? 애플 공식 문서..

WWDC 21 보다가 발견한 내용인데 SwiftUI 3.0부터 마크다운을 지원한다고 합니다. https://developer.apple.com/videos/play/wwdc2021/10018/?time=1635 iOS 15, macOS 12에서부터 마크다운 사용이 가능합니다. - Bold - Italic - Strikethrough - Inline code - Link (이미지는 지원하지 않는다고 함) 이렇게 지원한다고 하는데 한 번 사용해봅시다. struct ContentView: View { var body: some View { VStack { Text("안녕?") Text("안녕 **안녕이라니까** 안녕이라고 *아안녕* 안녕 ***볼드 안녕, 어어*** 어어.") Text("~~줄이 그어이이이서어..

오늘은 Image에 대해서 알아보겠습니다. 스유에서 이미지를 보여주는 뷰가 Image 구조체입니다. UIImage 비슷한거라고 생각하면 될 듯? 먼저 프로젝트에 기영이 이미지를 추가해줍니다. 기본 struct ContentView: View { var body: some View { Image("giyoung2", bundle: nil) } } frame 적용 기영이 이미지 사이즈를 변경해봅시다. 사이즈는 100, 100으로 변경해보겠습니다. struct ContentView: View { var body: some View { Image("giyoung2", bundle: nil) .frame(width: 100, height: 100) } } 응? 왜 안바껴? ㅇㅇ resizable 수정자를 적용하지..

오늘 공부할 주제는 Spacer입니다. Spacer? 먼저 애플 공식문서를 보면, Spacer는 Layout Conatianer에 구조체로 정의되어있습니다. Spacer는 스택 레이아웃에 포함되어있으면 주 축을 따라 확장되고 스택에 포함되지 않는 경우에는 두 축 모두 확장되는 유연한 공간입니다. (A flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack.) ㅇㅇ? 다시 말해 HStack에 포함되어 있으면 수평으로 확장, VStack에 포함되어 있으면 수직으로 확장되고 스택에 포함되어있지 않으면 수평 수직 모두 확장되는 유연한 공간입니다...