본문 바로가기

🍎 iOS/SwiftUI8

[iOS] SwiftUI - SignInWithAppleButton / 애플 로그인 커스텀 버튼 structure SignInWithAppleButton https://developer.apple.com/documentation/authenticationservices/signinwithapplebutton SwiftUI / iOS 14.0 + 설정할 수 있는 것 Labels continue signIn signUp Styles black white whiteOutline Sample code SignInWithAppleButton(.continue) { request in request.requestedScopes = [.fullName, .email] } onCompletion: { result in switch result { case .success(let authResults): print.. 2023. 10. 22.

[iOS] SwiftUI - GeometryReader / View 크기와 좌표 계산하기 https://developer.apple.com/documentation/swiftui/geometryreader 스유 공부하기 🧐 GeometryReader GeometryReader 는 컨텐츠의 크기와 위치를 함수로 나타내는 컨테이너 뷰로, 부모 뷰의 사이즈를 반환합니다. 일반적으로는 HStack, VStack, ZStack 을 사용해서 레이아웃을 배치하지만, UIKit 을 같이 사용할 경우 혹은 세부적인 조정이 필요할 경우 사용할 것으로 보이네요 👀 View 의 크기나 좌표를 계산하고 싶을때 활용도 가능해보입니다! 🤔 GeometryReader 사용해서 레이아웃 배치해보기 GeometryReader 생성자의 클로저 인자는 GeometryProxy 로 되어있습니다. GeometryProxy : 컨테.. 2023. 10. 21.

[iOS/SwiftUI] @Environment 알아보기 / 모달 뷰 닫기 dismiss 활용 Environment A property wrapper that reads a value from a view’s environment. @Environment 는 SwiftUI 뷰 내에서 앱의 전역적인 상태와 속성을 저장하고 공유하기 위해 사용하는 프로퍼티 래퍼이다. 해당 래퍼를 사용하면 SwiftUI 가 해당 값에 액세스하고 변경 사항을 자동으로 감지해서 뷰를 업데이트 할 수 있다. Environment 키를 사용자 정의해서 추가적으로 사용할 수 있다. 앱 전역에서 사용되는 데이터, 설정, 사용자 인증 정보 저장에 유용하다. 일반적으로 사용되는 Environment 키 https://developer.apple.com/documentation/swiftui/environmentvalues \.dism.. 2023. 6. 15.

[iOS/SwiftUI] @ViewBuilder, @resultBuilder 가 무엇일까? ViewBuilder A custom parameter attribute that constructs views from closures. @resultBuilder struct ViewBuilder SwiftUI 에서 ViewBuilder 는 클로져를 통해 뷰 계층을 전달할 수 있는 속성이다. ViewBuilder 를 이용하면 함수나 클로저는 여러개의 뷰를 반환할 수 있다. 여러개의 뷰를 전달해야하는 상황에서 코드를 깔끔하게 작성할 수 있다. 😯 resultBuilder ? ViewBuilder 는 @resultBuilder 프로퍼리 래퍼가 붙어 있는데 해당 속성은 Swift5.4 에 도입되었고 기존 명칭은 @_functionBuilder 이다. SE-0289의 ResultBuilder resultBu.. 2023. 6. 7.

[iOS] SwiftUI LazyVStack LazyHStack :: lazy load views 안녕하세요! 오늘은 SwiftUI 의 Lazy 키워드를 정리하려고 합니다. 지난번에 VStack, HStack, ZStack 에 대해서 정리를 했었는데, ZStack 을 제외하고는 앞에 Lazy 라는 키워드가 붙은 LazyVStack, LazyHStack 이 있습니다 👀 Lazy 라는 키워드가 붙는 건 어떤 차이가 있는지 궁금해서 찾아봤어요. 👀 LazyVStack LazyHStack :: lazy load views LazyVStack 은 VStack 과 동일하게 vertical (세로) 방향으로 항목들을 보여주는 뷰이지만, 각 항목이 필요할때만 생성합니다. LazyHStack 은 Horizontal (가로) 방향으로, LazyVStack 과 방향만 다르고 동일합니다! Stack 이 lazy 하다는 것.. 2022. 6. 7.

[iOS] SwiftUI property wrapper @State @Binding @State SwiftUI 는 state 로 선언한 프로퍼티의 저장소를 관리한다. 해당 프로퍼티의 값이 변경될 때, SwiftUI 는 값에 의존하고 있는 뷰 계층구조의 부분을 업데이트한다. State 프로퍼티는 하나의 뷰 안에서 사용되는 값으로, 일반적으로 private 키워드를 붙여서 사용한다. State instance 는 값(value)을 읽고 쓸 수 있는 형태이기 때문에, value 와 동일하지는 않다. state 가 갖고있는 value 에 액세스하기 위해서는, property name 을 통해 접근하면 된다. 해당 값은 wrappedValue 속성을 반환한다. wrappedValue 는 state 변수가 저장하고 있는 값을 접근하는 프로퍼티이지만, wrappedValue 를 직접 접근해서는 안된.. 2022. 6. 2.

[iOS/SwiftUI] Text, Image 기본 정리 + 시스템 이미지 ✍️ Text Text 는 한줄 이상의 읽기 전용 글자를 표현하기 위한 View 입니다. Text initializer Text 생성자는 여러가지가 있는데, 이미지로도 생성할 수 있는게 UIKit 과는 다른거 같아요. NSAttributedString 을 사용하면 가능하긴 했지만, 기본적으로 이미지를 텍스트와 연결할 수 있게 제공해주네요. init(String) → 단순 문자열, Localized 관련 생성자도 따로 있어요. init(AttributedString) → NSAttributedString 이랑 다릅니다. (+iOS15) init(Image) → 다른 Text 들이랑 연결하기위한 Image init(_ date: Date, style: Text.DataStyle) Text.DataStyle .. 2022. 5. 5.

[iOS/SwiftUI] View, Stack 기본 정리 SwiftUI 는 UIKit 과 비슷하게 iOS 앱의 UI 를 그리기 위한 프레임워크입니다. iOS13 부터 사용가능하지만 iOS14 이상부터 가능한 기능들이 많아, 미니멈 iOS14 에서 주로 사용하는 걸로 알고 있습니다! 다음 사이드프로젝트나 클론코딩은 SwiftUI 로 꼭 해봐야겠어요!! 그러기 위한 스터디 시작~! 💪 SwiftUI 에 대한 특징 - 선언적 구문을 사용해 사용자 인터페이스의 기능을 명시하기만 하면 됩니다. - 드래그 앤 드롭으로 UI 를 구성할 수 있고, 미리보기가 가능한 인터페이스가 있습니다. (과연 자주쓸지 의문이지만요) - 사용자 인터페이스의 속성은 메소드 체이닝(Method Chaining) 문법을 이용해 설정합니다. View 프로토콜의 Instance method 를 보면.. 2022. 4. 29.

이전 1 다음

티스토리툴바