티스토리

때로는 까칠하게..

검색하기

블로그 홈

때로는 까칠하게..

kka7.tistory.com/m

까칠코더 님의 블로그입니다.

구독자: 5

방명록 방문하기

주요 글 목록

다크모드 'traitCollectionDidChange’ deprecated in iOS 17.0 iOS 17에서 'traitCollectionDidChange'가 deprecated 되었고,다크모드 처리하는 방법은 다음과 같습니다.registerForTraitChanges([UITraitUserInterfaceStyle.self]) { (self: Self, previousTraitCollection: UITraitCollection) in if self.traitCollection.userInterfaceStyle == .light { // 라이트모드 처리 } else { // 다크모드 처리 }} 공감수 0 댓글수 0 2024. 3. 22.
휴대전화번호 포멧(000-0000-0000)으로 만들기 TextField나 Label에 휴대전화 번호를 표기해야 할때 000-0000-0000 방식으로 표기해야 할때가 있습니다. 여러가지 방법들이 있지만 정규표현식을 사용해서 처리 하는 방법은 다음과 같습니다. extension String { /// 휴대전화번호 문자열을 hyphen사용해서 변환 var formattedPhoneNumber: String { let rexPattern = "([0-9]{3}([0-9*]{3,4})([0-9*]{4})" guard let regex = try? NSRegularExpression(pattern: rexPattern, options: .caseInsensitive) else { return self } let removedHyphen = replacingOccur.. 공감수 0 댓글수 0 2024. 1. 16.
SwiftUI 에서 Background나 Foreground 진입시 처리 SwiftUI로 Background나 Foreground 진입시 처리하는 방법은 Combine을 사용해서 Notification을 Publisher 하는 것보다는 다음과 같이 scenePhase 환경변수를 사용하는게 더 편리합니다.(iOS 14 이상) @Environment(\.scenePhase) private var scenePhase ... var body: some View { Text("Hello!!") .onChange(of: scenePhase) { newPhase in switch newPhase { case .active: print(">>> active") case .inactive: print(">>> inactive") case .background: print(">>> backgr.. 공감수 0 댓글수 0 2024. 1. 5.
Background, Foreground 진입시 처리 Combine Publisher로 Background나 Foreground 진입시 처리하는 방법은 다음과 같습니다. var cancellableBag = Set() NotificationCenter.default.publisher(for: UIApplication.willResignActiveNotification) .sink { [weak self] _ in guard let self else { return } // Background 진입시 처리 }.store(in: &cancellableBag) NotificationCenter.default.publisher(for: UIApplication.willEnterForegroundNotification) .sink { [weak self] _ in .. 공감수 0 댓글수 0 2024. 1. 4.
SegmentView 세그먼트 컨트롤을 사용하기 위해서는 기본 제공되는 Picker를 사용해서 .pickerStyle(SegmentedPickerStyle())을 적용해주면 됩니다. (Picker를 이용한 Segment 사용방법 : https://kka7.tistory.com/221) 기본 디자인을 사용하면 좋은데 실제 프로젝트에서는 대부분 전혀 다른 디자인을 요구함으로써 직접 구현해야 할때가 있습니다. 다음 코드는 왼쪽과 오른쪽이 둥근 세그먼트 뷰에 대한 샘플이고,적용한 화면은 다음과 같습니다. struct SegmentView: View { let segments: [ID] @Binding var selected: ID @ViewBuilder var content: (ID) -> Content private let nor.. 공감수 0 댓글수 0 2023. 12. 30.
UITextField hyphen(-) 연속 입력시 en dash(–)로 변경되는것 막기 기본적으로 UITextField 에서 특수문자인 hyphen(-)을 연속 입력하게 되면 en dash(–) 로 변경됩니다. 이는 자동으로 글자가 되는 기능 때문인데요. ex) 마침표(.) 3개 입력시 말줄임표(…)로 변경 이를 막기 위해서는 smartDashesType 값을 .no로 설정해주면 됩니다. (iOS 11+) textField.smartDashesType = .no 참고 : https://developer.apple.com/documentation/uikit/uitextinputtraits/2866013-smartdashestype 공감수 0 댓글수 0 2023. 12. 14.
Keyboard Height 계산해서 Publisher 하기 키보드 show/hide에 따라서 키보드 높이를 사용해야 할때가 있습니다. 이때 Publisher로 처리 하는 방법은 다음과 같습니다. var keyboardHeightPublisher: AnyPublisher { Publishers.Merge( NotificationCenter.default.publisher(for: UIResponder.keyboardWillShowNotification) .compactMap { $0.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect } .map { $0.height } NotificationCenter.default.publisher(for: UIResponder.keyboardWillHideNotifi.. 공감수 0 댓글수 0 2023. 12. 13.
TextField에 clearButton 추가하기 아직까지 SwiftUI의 TextField에는 기본적으로 clearButton이 제공되지 않아서 직접 해당 버튼을 추가해야 합니다. 다음과 같이 ViewModifier를 이용하면 편하게 사용할 수 있습니다 struct ClearButton: ViewModifier { @Binding var text: String func body(content: Content) -> some View { HStack { content if !text.isEmpty { Button { text = "" } label: { Image(systemName: "multiply.circle.fill") .foregroundColor(.gray) } .padding(.trailing, 8) } } } } extension View.. 공감수 0 댓글수 0 2023. 12. 13.
Warning "Non-constant range: argument must be an integer literal" SwiftUI에서 ForEach 문을 사용할때 다음과 같이 정수 리터럴(literal)이 아닌 itemCount와 같은 변수나 상수를 사용하는 경우에 경고가 나타납니다. struct ContentView: View { let itemCount = 30 var body: some View { VStack { ForEach(0.. 공감수 0 댓글수 0 2023. 12. 7.
SFSymbol의 Monochrome, Hierarchical, Palette, Multicolor Mode SFSymbol이 iOS 15이후부터는 랜더링모드가 추가되어 기본 제공되는 이미지들을 다양한 색상과 함께 사용할 수 있게 되었습니다. 사용할수 있는 모드는 다음과 같습니다. Monnochrome (한가지 색상 지원) // 한가지 색상 사용 Image(systemName: "paintpalette.fill") .symbolRenderingMode(.monochrome) .foregroundStyle(.red) Hierarchical (한가지 색상 지원, 레벨에 따라 불투명도 설정) // 한가지 색상 지원, 레벨에 따라 불투명도 설정 Image(systemName: "person.3.sequence") .symbolRenderingMode(.hierarchical) .foregroundStyle(.red).. 공감수 0 댓글수 1 2023. 12. 5.
Custom Environment @Environment 환경변수를 시스템에서 제공된 것 외에 사용자가 지정해서 사용해야 할 경우가 있습니다. 방법은 EnvironmentKey 프로토콜을 준수하도록 설정하면 됩니다. 참고 : https://developer.apple.com/documentation/swiftui/environmentvalues // 사용할 키 정의 struct MyEnvironmentKey: EnvironmentKey { static let defaultValue: String = "Default value" } // 해당 변수에 대한 getter, setter 정의 extension EnvironmentValues { var myCustomValue: String { get { self[MyEnvironmentKey... 공감수 0 댓글수 1 2023. 12. 5.
@AppStorage에 Date 타입과 Array 타입 사용하기 iOS 14 이상부터는 UserDefault 대신에 AppStorage를 사용할수가 있지만, @AppStorage를 사용할때 Date 타입이나 Array는 기본적으로 지원하지 않습니다. 이를 사용하기 위해서는 다음과 같이 String 타입으로 변환해서 사용할 수 있습니다. // @AppStorage에 Date 타입을 지원하지 않기에 문자열로 사용 extension Date: RawRepresentable { private static let formatter = ISO8601DateFormatter() public var rawValue: String { Date.formatter.string(from: self) } public init?(rawValue: String) { self = Date.for.. 공감수 0 댓글수 0 2023. 12. 4.
PassthroughSubject vs CurrentValueSubject Combine에서 자주 사용하는 Publisher와 같은 개념중에 구독자(subscriber)에게 전달하는데 사용되는 PassthroughSubject와 CurrentValueSubject는 값을 저장하느냐 마느냐의 차이점이 있습니다. PassthroughSubject CurrentValueSubject 값 저장 여부 저장하지 않음 저장 RxSwift에서 유사한 기능 PublishSubject BehaviorSubject PassthroughSubject 값을 저장하지 않고 데이터를 방출(emit) 합니다. let subject = PassthroughSubject() subject.sink { value in print(value) } subject.send("Hello, World!") // Hell.. 공감수 1 댓글수 1 2023. 12. 1.
Dart 상위 위젯과 하위 위젯의 상태값 가져오기 위젯들 간에 서로의 상태값을 가져오는 방법은 다음과 같습니다.상위 위젯에서 currentState를 사용해서 하위 위젯의 상태값 가져오기 (하위위젯 생성시 키를 사용)class ParentWidgetState extends State { GlobalKey childKey = GlobalKey(); // Child 생성 @overrider Widget build(BuildContext context) { return ChildWidget(key: childKey); } // Child 상태값 사용 ... ChildeWidgetState? childState = childKey.currentState; childState?.childValue ...} 하위 위젯에서 findAn.. 공감수 0 댓글수 0 2023. 11. 20.
Dart 상속 부모 클래스를 상속할때에는 extends를 사용합니다.class ParentClass { int value; ParentClass(this.value);}class ChildClass extends ParentClass { ChildClass(int value) : super(value) { } }class Child2Class extends ParentClass { Child2Class(super.value);}추상 클래스는 abstract를 사용해서 정의하며, (JAVA에서는 인터페이스, Swift에서는 프로토콜과 유사합니다)추상함수만 제공함으로써 실제 상속받는 클래스에서 구현부를 제공하도록 하게 합니다. abstract class User { void printName();}class Cu.. 공감수 0 댓글수 0 2023. 11. 17.
Dart Class 생성자 클래스 생성자 선언할때 초기화 목록을 사용할 수 있습니다.class User { late String name; late int age; User(String name, int age) : this.name = name, this.age = age { } } 함수 오버로딩을 지원하지 않는 대신에 생성자 이름을 지정할 수 있습니다.class MyClass { MyClasse() { } MyClass(int value1, value2) { print('values = $value1, $value2'); } // 초기화 이름 MyClass.first(int value) { this(value, 0); } // 초기화 이름을 초기화 목록으로 사용한 경우 MyClass.se.. 공감수 0 댓글수 0 2023. 11. 17.
Dart 예외처리 (try on finally) Dart에서 throw 예외 처리가 가능합니다. try on finally void test() { throw Exception('exception test');}try { test();} on Exception catch(error) { print('error = $error');} finally { print('finish');}// error = Exception: exception test// finish 공감수 0 댓글수 0 2023. 11. 16.
Dart Function 함수 선언은 반환타입 + 함수명 + 인자 형태로 구성됩니다.void test(int value) { print('value = $value');}test(10); // value = 10함수 인자 타입을 생략하는 경우에는 해당 인자의 타입을 dynamic 타입으로 사용하는 것을 의미합니다.함수의 내용이 한줄로 처리 가능한 경우에는 =>를 사용합니다.void test(int value) => print('value = $value');함수의 인자를 사용할때 이름을 지정할 수 있으며, 중괄호 { 타입 이름 = 기본값, ... } 형식으로 사용합니다.void test({String? str, bool? data = true}) { print('str = $str, data = $data');}test(st.. 공감수 0 댓글수 0 2023. 11. 16.
Dart Null safety Dart 2.12.0 이상부터 Null safety를 지원합니다. 변수 선언시 데이터 타입에 물음표(?)를 사용함에 따라 null을 지원하는지 여부를 결정합니다.// NonNull int value1 = 10;// Nullable int? value2 = 10;dynamic 타입은 Null을 지원하므로 물음표(?)를 붙이지 않아도 됩니다.변수 뒤에 느낌표(!)를 붙이면 해당 변수의 값을 가져오지만, 만약 null인 경우에는 오류가 발생합니다.Null 을 지원하는 객체의 멤버에 접근할때에는 ?. 또는 ?[] 를 사용합니다.String? str = 'zzz';str?.isEmpty;List? list = [10, 20, 30];print('value = ${list?[0]}'); // value = 10해.. 공감수 0 댓글수 0 2023. 11. 16.
Dart 컬렉션 타입 (List, Set, Map) 여러가지 값을 저장하는 컬력션 타입에는 List, Set, Map등을 제공합니다.List데이터 타입을 따로 선언하지 않은 경우에 dynamic 타입으로 모든 데이터를 저장할 수 있습니다.// [int, String, bool] typeList list = [10, 'zzz', true];// [String, String, bool] typelist[0] = 'abc';타입을 지정한 경우에는 해당 타입의 데이터만 저장할 수 있습니다.List list = [10, 20, 30];list[0] = 15;List 생성시 크기 지정할때 filled() 사용합니다var list = List.filled(5, 0);print(list); //[0, 0, 0, 0, 0]List 생성시 크기 지정하는데 처음 지정한 크기.. 공감수 0 댓글수 0 2023. 11. 16.
Dart 변수 타입 (var, dynamic) 기본적으로 int, double, bool, String 등의 타입이 있지만 여러 데이터를 대입할수 있도록 var, dynamic 타입을 제공합니다.var : 선언한 변수의 타입은 대입하는 값에 따라 결정var no = 10; // int typevar sss = 'string'; // String typedynamic : 모든 타입의 데이터를 대입할 수 있음dynamic data = 10;data = 'zzz';data = true;var 을 사용하면서 아무런 초기값을 지정하지 않으면 컴파일러는 dynamic 타입으로 처리합니다.var value1 = null; // dynamic typevar value2; // dynamic type 공감수 0 댓글수 0 2023. 11. 16.
Dart 상수 (const, final) Dart에는 컴파일 타임 상수와 런타임 상수가 있습니다.const : 컴파일 타임 상수, 선언시 초기값이 반드시 필요const String name1 = 'zzz';class My { static const String name = 'my'; void test() { const String name = 'main'; }}final : 런타임 상수, 실행될때 값이 결정되므로, 선언시 초기값을 설정하지 않고 객체 생성시 초기값을 설정 가능class My { final String name; My(this.name); void test() { final value; value = 10; }} 공감수 0 댓글수 0 2023. 11. 16.
Dart 데이터 타입 Dart에서 지원하는 데이터 타입은 다음과 같습니다.타입데이터 booltrue, falsedouble실수int정수num숫자String문자열 'a' 또는 "A", ''' a ''', """ a """ ByteData바이트 데이터 문자열내에 변수 값을 사용하려면 $을, 실행 결과를 사용하려면 ${ }를 사용합니다.print('name = $name, value = ${10 + 30}'); 자동으로 형변환은 되지 않으며, 다음과 같이 직접 변환을 해줘야 합니다.int num1 = 10;double value1 = 10.1;String str1 = '10';// int to double double value2 = num1.toDobule();// double to intint num2 = value1.toIn.. 공감수 0 댓글수 0 2023. 11. 16.
Dart 외부 파일 사용하기 ex) my.dart 파일//my.dart file int value = 0;String name = '';외부 파일등을 사용할때 패키지에 선언된 이림이 같을 경우가 있기에 별칭을 사용하거나 원하는 것들만 불러오거나 불러오지 않게 할수 있습니다.별칭 as를 사용합니다.import 'my.dart' as My;main() { My.value = 1;}특정 요소만 불러올때 show를 사용합니다.import 'my.dart' show name;main() { name = 'abc'; value = 10; // 오류}특정 요소만 제외할때 hide를 사용합니다.import 'my.dart' hide name;main() { name = 'abc'; // 오류 value = 10;} 특정 파일들을 라이브러리로 만들.. 공감수 0 댓글수 0 2023. 11. 16.
Dart 접근 제한자 다른 개발 언어에서는 보통 public, private 등을 사용하는데Dart에서는 기본적으로 public 이고, private의 경우에는 변수나 함수 클래스 이름에 _(언더바)를 붙여줍니다.int value1 = 1; // publicint _value2 = 2; // private void method1() { } // publicvoid _method2() { } // privateclass My1 { } // publicclass _My2 { } // private 공감수 0 댓글수 0 2023. 11. 16.
Dart 라이브러리 라이브러리 종류내용dart:async비동기 프로그래밍dart:collectionList, HasMap 등 컬렉션 데이터dart:convertJSON 인코딩/디코딩dart:core기본 내장 타입dart:developer디버거, 인스펙터와 같은 개발자 도구dart:math수학 함수dart:io파일, 소켓, Http 등 입출력dart:isolate동시성 프로그래밍dart:htmlWeb HTML dart:indexed_dbWeb key-value 데이터 저장 dart:web_audioWeb 오디오 처리dart:web_glWeb 3D 그래픽dart_web_sqlWeb SQL 데이터 기본 라이브러리 사용할때 import 'dart:core';외부 패키지 사용할때import 'package:http/http.dart'; 공감수 0 댓글수 0 2023. 11. 16.
외부 패키지 설치 https://pub.dev/ 사이트에서 원하는 패키지 검색 후 지원 OS등을 확인하고나서 Installing 탭에 적혀 있는데로 터미널에서 실행하면 됩니다. ex) zzz라는 임의의 패키지 설치 방법 // Dart 사용 dart pub add zzz // Flutter 사용 flutter pub add zzz 또는 pubspec.yaml 에서 dependencies 에 해당 패키지 이름과 버젼을 입력하면 됩니다. 참고로 개발에만 사용할때에는 dev_dependencies에 추가하면 됩니다. dependencies: zzz: ^1.0.0 파일을 저장하면 편집 툴의 설정에 따라 dart pub get 또는 flutter pub get이 자동으로 실행되며 설치가 됩니다. 터미널에서 직접 설치하는 방법은 다음.. 공감수 0 댓글수 0 2023. 11. 16.
터미널에서 Flutter 프로젝트 생성하기 터미널에서 프로젝트 생성할 폴더로 이동하고 project_name 처럼 원하는 프로젝트 이름을 입력하면 됩니다. flutter create project_name 생성한 프로젝트의 폴더에는 다음과 같이 지원하는 플랫폼에 대한 프로젝트 파일들도 함께 생깁니다. lib폴더안에 main.dart 파일에 앱을 실행하는 main 함수가 있고, pubspec.yaml 파일은 패키지 또는 리소스 추가할때 사용합니다. 만들어진 프로젝트를 실행해보려면 해당 프로젝트 폴더로 이동해서 실행해주면 됩니다. cd project_name flutter run 공감수 0 댓글수 0 2023. 11. 16.
UIView -> UIImage UIView를 UIImage로 변환하는 방법 2가지 extension UIView { func snapshot() -> UIImage { UIGraphicsImageRenderer(bounds: bounds).image { rendererContext in layer.render(in: rendererContext.cgContext) } } func toImage() -> UIImage { UIGraphicsBeginImageContextWithOptions(bounds.size, isOpaque, 0) defer { UIGraphicsEndImageContext() } drawHierarchy(in: bounds, afterScreenUpdates: true) return UIGraphicsGetIma.. 공감수 0 댓글수 0 2023. 11. 15.
iOS 16.4 이후부터 WebView 디버깅 하기 iOS 16.4 에서는 webview 디버깅(사파리 Inspect)이 동작하지 않습니다. 이럴때는 다음과 같이 해줘야 합니다. if #available(iOS 16.4, *) { webview.isInspectable = true } 공감수 0 댓글수 0 2023. 11. 15.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.