티스토리

김종권의 iOS 앱 개발 알아가기
검색하기

블로그 홈

김종권의 iOS 앱 개발 알아가기

IT 분야 크리에이터
ios-development.tistory.com/m

iOS개발을 위해서 필요한 지식을 공유 하는 블로그

구독자
352
방명록 방문하기

주요 글 목록

  • [iOS - SwiftUI] frame 사용 시 뷰 정렬 주의 사항, frame(alignemnt:) 코드 이해하기 뷰 정렬 개념아래 코드를 보면 흔히 사용되는 VStack 컴포넌트와 .frame 함수를 사용하여 아래처럼 구현했으나 잘못 구현된 코드UI는 의도된 대로 나올 수 있을지라도 추후에 수정할 때 잘못 적용될 확률이 큼ex) UI들을 좌측 정렬을 기준으로 배치하도록 구현된 코드VStack(alignment: .leading) { Image(systemName: "globe") .resizable() .frame(width: 30, height: 30) .foregroundStyle(.tint) Text("Hello, world!")}잘못 구현된 점은 개념을 알아보고 아래에서 확인VStack과 frame의 alignmentVStack(alignemnt:)는 .. 공감수 5 댓글수 1 2024. 11. 14.
  • [iOS - swift] UIPasteBoard.general.changeCount (복사했는지 확인 방법) changeCount 개념아이폰 사용자가 복사, 클립보드 제거 등의 UIPasteBoard 관련 수정 작업을 하면 애플에서 수정 기록을 기록하는데, 이 기록하는 변수가 changeCount@available(iOS 3.0, *)open class UIPasteboard : NSObject, @unchecked Sendable { open class var general: UIPasteboard { get } open var changeCount: Int { get } // 코드에서는 아래처럼 접근 가능UIPasteBoard.general.changeCount주의할 점)공식 문서에는 0으로 초기화 되는 시점 유저가 기기를 재시작하면 된다고 하는데, 재시작해도 0으로 초기화되지 않음ex) UIPa.. 공감수 4 댓글수 1 2024. 11. 12.
  • [iOS - SwiftUI] 커스텀 뷰 만들때 ViewModifier 사용하기 (ViewModifier의 역할, 커스텀 스타일) 커스텀 뷰cornerRadius가 들어간 버튼을 만들어야할 때, SwiftUI에서는 두 가지 방법이 존재1) RoundedButton 뷰 만들기2) ViewModifier로 정의하고 뷰에 이 modifier 등록하기SwiftUI에서는 ViewModifier를 두어서, 커스텀 뷰 뿐만이 아닌 커스텀 스타일을 사용하는곳에서 간편하게 사용할 수 있도록 설계cornerRadius가 들어간 버튼의 스타일은 여러곳에서 사용할 수 있으므로 ViewModifier로 추상화하기커스텀 뷰를 만드는 것이 아닌, 커스텀 스타일을 만드는 것ViewModifier로 커스텀 스타일 만들기ViewModifier로 만들기 전에 커스텀뷰로 먼저 만들어보면 아래처럼 만들기가 가능하지만 단순히 스타일을 적용하고 여러 버튼에 재사용하려는 목.. 공감수 3 댓글수 1 2024. 11. 7.
  • [iOS - SwiftUI] background vs overlay 차이 SwiftUI의 bacgrkound와 overlaybackground와 overlay 옵션 모두 특정 뷰에 겹치게 뷰를 배치할 때 사용하는 메소드차이점은 background은 뷰 뒤에, overlay는 뷰 앞쪽에 배치 중첩됨ex) background를 사용하면 뷰 뒷쪽에 배치됨struct ContentView: View { var body: some View { VStack { Text("Hello, world!") .background { Color.blue } } .padding() }}ex) overay를 사용하면 뷰 앞쪽에 배치되므로 뷰가 가려.. 공감수 1 댓글수 0 2024. 11. 5.
  • [iOS - SwiftUI] ScrollView 스크롤 하단 도달했는지 확인 방법, ContentOffset 구하는 방법 (#reachToBottom, #ContentOffset) ScrollViewSwiftUI에서는 ScrollView를 사용할 때, UIKit에서 제공하는 UIScrollView와는 아래 정보 확인이 바로 어려움reachToBottom (스크롤이 바닥에 도달했는지)contentOffset (얼만큼 스크롤을 진행했는지)위 정보를 알 수 있으려면 ScrollView를 감싸서 따로 계산하여 정보 획득이 가능reachToBottom과 contentOffset 구하는 아이디어ScrollView를 감싸서 구현하고, 아래처럼 사용하는쪽에서는 CustomScrollView에 클로저로 콘텐츠 뷰들을 넣을 수 있도록 구현 var body: some View { VStack { CustomScrollView( frameHeight: 300, .. 공감수 6 댓글수 0 2024. 10. 31.
  • [iOS - SwiftUI] PreferenceKey, onPreferenceChange (자식뷰에서 부모뷰로 데이터 변경 알리기, 데이터 바인딩) PreferenceKey일종의 키 이며, 이 키를 이용하여 특정 값을 변경될때마다 관찰할 수가 있음PreferenceKey로 데이터를 뿌리면, 이 데이터에 관심있는 쪽에서 해당 PreferenceKey로 옵저빙이 가능가장 대표적인 사용 방법은 자식뷰 -> 부모뷰로 데이터를 넘길때 사용UIKit에서는 델리게이트나 closure로 넘기지만 SwiftUI에서는 PreferenceKey라는 것이 존재사용방법ex) 자식뷰에서 TextView에 데이터가 입력될때마다 부모 뷰에 전달하고 싶은 경우?자식뷰 준비struct ChildView: View { @State private var inputText = "" var body: some View { VStack { .. 공감수 4 댓글수 0 2024. 10. 29.
  • [iOS - swift] UITableViewCell에 pressed 효과 주는 방법 (highlighted 효과, pressed 효과) UITableViewCell의 pressed 효과기대하는 pressed 효과 (이 화면은 pressed 효과를 직접 구현한 화면)UIButton의 highlighted 효과처럼 동작 하지만 위처럼 동작하려면 별도 구현이 필요하고, 디폴트는 이렇게 동작됨단, selectionStyle = .none으로 한 상태코드)class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate { let tableView = UITableView() override func viewDidLoad() { super.viewDidLoad() tableView.frame = view.bounds.. 공감수 4 댓글수 3 2024. 10. 24.
  • [iOS - SwiftUI] stroke 사용 시 주의사항 (#원 안에 테두리 넣기) 원 안에 테두리가 있는 UI원 안에 테두리가 있는 아래 UI를 구현하는 방법?보통은 Circle()을 선언하고 여기에 oberlay를 사용하여 stroke로 위에 뷰를 덫붙여서 구현struct ContentView: View { let lineWidth = 1.0 let length = 40.0 var body: some View { VStack { Circle() // 첫 번째 circle .stroke(Color(UIColor.clear), lineWidth: lineWidth) .background(Color(UIColor.lightGray)) .frame(widt.. 공감수 3 댓글수 1 2024. 10. 22.
  • [iOS - swift] 디스플레이 확대/축소 옵션 대응 방법 (UIScreen.main.nativeScale) 디스플레이 확대/축소 옵션아이폰에서 Text의 크기도 동적으로 변하지만 Text가 아닌 디스플레이 자체를 확대하고 축소할 수 있는 옵션이 존재위치: 설정 > 디스플레이 및 밝기 > 디스플레이 확대/축소디스플레이 확대/축소 기능디스플레이의 해상도의 비율은 UIScreen.main.scale로 알 수 있지만, 확대/축소했을때의 해상도는 UIScreen.main.nativeScale로 파악이 가능ex) 디스플레이 확대/축소에서 기본으로 둔 경우확대 옵션으로 킨 경우결과)비교)기본확대확대하면 비율이 0.65625%p 증가되었으므로 약 22%가 증가됨때문에 이 확대된 해상도를 고려하여 애니메이션이나 특정한 크기에 관한 대응이 필요한 경우 scale을 nativeScale로 나눈 비율 값을 곱하여 대응이 가능전체.. 공감수 5 댓글수 0 2024. 10. 18.
  • [iOS - SwiftUI] Voice Over 접근성 - 우선순위 처리 방법(accessibilitySortPriority), 그룹화 방법 (accessibilityElement) 우선순위 처리 방법보통 OS에서 왼쪽 상단에서 시작하여 오른쪽을 읽고 아래로 순차적으로 읽어줌지구본의 이미지 -> Hello, world! -> toggle buttonex)Hello, world!가 가장 중요할 때, Hello, world!를 가장 먼저 읽히게 하고 싶은 경우?해당 뷰에 accessibilitySortPriority를 높게 설정하기 (값이 높을수록 가장 먼저 읽힘)따로 이 값을 설정 안하면 디폴트 값은 0ex) "Hello, world!" 뷰를 accessibilitySortPriority를 1로 설정struct ContentView: View { @State private var toggle = true var body: some View { VStack.. 공감수 4 댓글수 4 2024. 10. 16.
  • [iOS - SwiftUI] 뷰를 버튼처럼 만드는 방법 (DragGesture, pressed color 효과, 커스텀 버튼) 뷰를 버튼처럼 만드는 방법일반 SwiftUI의 버튼은 Button(action:label:)형태이며, presssed color는 label부분이 투명해지는 효과가 디폴트로 들어간 상태(코드)struct ContentView: View { @State private var isPressed = false @State private var isChecked = false var body: some View { VStack { normalButton } } @ViewBuilder private var normalButton: some View { Button(action: { isChe.. 공감수 1 댓글수 2 2024. 10. 14.
  • [iOS - SwiftUI] 애니메이션 적용 주의사항 (animation, transition, withAnimation) SwiftUI에서 애니메이션 적용 시 겪는 것뷰에다가 transition을 적용하려고해도 애니메이션이 걸리지 않음transition을 매번 적용하고 싶은데 매번 동작하지 않음(위와 관련된 개념들을 아래에서 알아볼 예정)샘플 코드 준비) 버튼을 누르면 카운트가 올라가는 뷰아직 애니메이션 적용 ximport SwiftUIstruct ContentView: View { var body: some View { VStack { Text("count: \(cnt)") Button("refresh") { cnt += 1 } } .padding() }}#Preview.. 공감수 1 댓글수 2 2024. 10. 11.
  • [iOS - swift] CoreHaptics (진동 주는 방법, 진동 효과) 진동 효과 (CoreHaptics)햅틱을 0.5초 주기로 1초 진동을 3번 순차적으로 주고 싶은 경우? -> CoreHaptics를 사용단순히 한 두번의 햅틱 반응을 주고 싶은 경우는 UIImpactFeedbackGenerator, UINotificationFeedbackGenerator 글 참고AudioToolbox라는 것을 사용하여 진동 효과를 줄 수 있는데, CoreHaptics가 가장 정교하게 진동 세팅이 가능CoreHapcits는 iOS 13부터 제공하며 햅틱의 패턴들을 정교하게 만들어 낼 수 있는 기능사용 방법importimport CoreHapticsenum을 사용하여 햅틱의 종류 설정enum HapticCategory { case a case b}a진동은 여러번 주는 진동으로하고.. 공감수 4 댓글수 6 2024. 10. 9.
  • [iOS - swift] DispatchQueue 작업 취소, 작업 예약 방법 (DispatchSourceTimer, makeTimerSource, 일시 정지 타이머) DispatchQueue 작업 취소, 예약 방법5초 후에 특정 작업을 수행하고 싶은 경우?보통은 DispatchQueue 사용DispatchQueue.main.asyncAfter(deadline: .now() + 5) { // some task...}5초 후에 특정 작업을 수행하려고 하지만, 중간에 버튼을 누르면 이 작업을 취소하고 싶은 경우?DispatchSourceTimer 사용DispatchSourceTimer 개념타이머를 설정해놓고 특정 작업을 setEventHandler 클로저로 실행시킬 수 있는 기능이것을 사용하면 작업을 등록해놓고 cancel, pause 모두 다 가능DispatchSourceTimer 사용 방법인스턴스 하나를 두고 cancel(), pause()할 수 있도록 전역으로 .. 공감수 4 댓글수 0 2024. 10. 7.
  • [iOS - SwiftUI] 뷰가 업데이트 될 때 init호출 타이밍 개념 (@State, @StateObject, @ObservedObject, @EnvironmentObject) 뷰 상태 관리상태가 변경되면 뷰가 업데이트 되는데 상태를 관리하는 방법은 크게 3가지ObservableObject 모델을 아래 3가지로 참고@StateObject (혹은@State), @ObservedObject, @EnvironmentObject)class Person: ObservableObject { @Published var name: String init(name: String) { self.name = name print("init > Person Model") }}struct Subview: View { @StateObject var personByState = Person(name: "jake") @ObservedObject var.. 공감수 1 댓글수 0 2024. 10. 2.
  • [iOS - SwiftUI] onAppear 호출 타이밍 onAppear 호출 타이밍UIViewController의 viewWillAppear과 viewDidAppear 중간에 호출됨ViewController가 SwiftUI의 뷰를 가지고 있는 상태에서 각 print문을 넣어서 출력해보면, SwiftUI의 onAppear가 중간에 불리는 것을 확인viewWillAppearonAppear // 중간에 호출viewDidAppear코드)class ViewController: UIViewController { ... override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) print("viewWillAppear") } ov.. 공감수 1 댓글수 0 2024. 9. 30.
  • [iOS - swift] UIScreenEdgePanGestureRecognizer 개념 UIScreenEdgePanGestureRecognizer 개념 edge pan이라는 이름에서도 볼 수 있듯이 아이폰의 가장장리 부분으로부터 안쪽으로 드래그하면 동작하는 제스쳐이 인스턴스의 프로퍼티 중 알아야 하는 것은 edgesedges: 드래그의 시작점 (top, left, bottom, right, all)let edgePanGesture = UIScreenEdgePanGestureRecognizer(target: self, action: #selector(handleEdgePan(_:)))edgePanGesture.edges = .leftview.addGestureRecognizer(edgePanGesture)ex) edgePanGesture를 등록하여 왼쪽에서 오른쪽으로 드래그하면 뷰의 배경색상.. 공감수 3 댓글수 0 2024. 9. 30.
  • [iOS - swift] OptionSet으로 flag 리펙토링하기 (플래그 관리, Bool대신 bit 사용하기) flag 관리하는 방법유사한 성격의 flag를 관리할때 보통 아래처럼 작성ex) 앱 유저 세팅에 관한 플래그를 관리하는 클래스class UserSettings { var isDarkModeEnabled: Bool var isNotificationsEnabled: Bool var isLocationServicesEnabled: Bool var isAutoUpdateEnabled: Bool var isPrivacyModeEnabled: Bool var isSoundEnabled: Bool var isVibrationEnabled: Bool var isEmailUpdatesEnabled: Bool var isTwoFactorAuthenticationEnabled.. 공감수 3 댓글수 0 2024. 9. 27.
  • [iOS - swift] OptionSet에서 시프트 연산자를 사용하는 이유(Shift Operator) OptionSet 개념OptionSet은 옵션이 있는 Set 자료구조이며, 옵션들을 마치 enum-case처럼 다룰 수 있고 set의 대표적인 연산자 insert, remove, contains, intersection 를 쓸 수 있는 자료구조ex) UserSetting에 관한 플래그를 관리하는 OptionSetstruct UserSettingsFlags: OptionSet { let rawValue: Int static let darkMode = UserSettingsFlags(rawValue: 1 OptionSet에서 rawValue를 bit로 표현하는 이유?일반적으로 OptionSete에서는 rawValue를 보면 모두 shift연산자를 통해 표현stat.. 공감수 2 댓글수 0 2024. 9. 25.
  • [iOS -SwiftUI] @StateObject, @ObservedObject, @EnvironmentObject 때에 맞게 사용하기 (데이터 넘기기, 부모 뷰 -> 자식 뷰) @StateObject, @EnvionrmentObject, @ObservedObject 구분모두 ObservableObject 타입의 모델을 프로퍼티로 선언할 때 사용class MyObject: ObservableObject { @Published var age = 0}struct ContentView: View { @StateObject var object1 = MyObject() @ObservedObject var object2 = MyObject() @EnvironmentObject var object3: MyObject var body: some View { }} 차이점?@StateObject: 이 프로퍼티는 오직 이것을 선언한 뷰 라이프 사이클에서만 관.. 공감수 4 댓글수 0 2024. 9. 23.
  • [iOS - SwiftUI] @StateObject 사용 주의 사항 (Accessing StateObject's object without being installed on a View. This will create a new instance each time.) @StateObject 사용하다 보는 주의 메시지StateObject의 객체에 접근하다보면 가끔 뷰 install되기 전에 StateObject의 객체 접근하여 매번 새로운 인스턴스가 생성된다는 문구가 등장전체 코드는 아래와 같고, 이 원인 제공은 바로 @StateObject로 선언한 object의 값을 변경할 때 발생@mainstruct ExStateObjectApp: App { var contentView = ContentView() var body: some Scene { WindowGroup { contentView .onAppear { contentView.changeAge() .. 공감수 4 댓글수 0 2024. 9. 20.
  • [iOS - swift] NavigationBar에 blur 효과 적용하는 방법 (UIBlurEffect, UIVisualEffectView, isTranslucent, 네비게이션 바 블러 효과) 네비게이션 블러 효과구현 아이디어먼저 navigationBar를 투명하게하고(isTranslucent = true), 색상을 clear로 설정네비게이션바에 addSubview하여 blur 뷰를 삽입blur뷰는 UIBlurEffect와 UIVisualEffectView를 사용하면 편하게 블러효과를 줄 수 있음구현 방법먼저 navigationBar를 투명하게하고(isTranslucent = true), 색상을 clear로 설정UINavigationBar.appearance().setBackgroundImage(UIImage(), for: UIBarMetrics.default)UINavigationBar.appearance().shadowImage = UIImage()UINavigationBar.appeara.. 공감수 1 댓글수 0 2024. 9. 18.
  • [iOS - SwiftUI] @State 사용 주의사항 (뷰 업데이트) @State 사용 케이스@State는 뷰에서 접근하는 프로퍼티struct ContentView: View { @State private var inputText = "" @State private var onAppear = false var body: some View { VStack { TextField(text: $inputText) { Text("placeholder...") } .onAppear { onAppear = true } if onAppear { Text(.. 공감수 6 댓글수 3 2024. 9. 16.
  • [iOS - SwiftUI] @StateObject vs @ObservedObject (#ViewModel, 뷰 상태관리) @StateObject와 @ObservedObject 개념@StateObject와 @ObservedObject 모두 ObservableObject 모델을 옵저빙할 때 사용class MyViewModel: ObservableObject { @Published var count = 0}@StateObject var viewModel = MyViewModel()@ObservedObject var viewModel = MyViewModel()차이점?@ObservedObject 기능: 뷰가 다시 그려질 때, 뷰 내부에 @ObservedObject 모델을 두면 초기화됨@StateObject 기능: 뷰가 다시 그려질 때, 뷰 내부에 @StateObject 모델을 두어도 데이터가 유지됨뷰 상태관리 방법뷰를 사용.. 공감수 3 댓글수 2 2024. 9. 13.
  • [iOS - SwiftUI] @ViewBuilder 기능 @ViewBuilder 기능 알아보기@ViewBuildervar myView: some View { Text("ex")}@ViewBuilder는 @resultBuilder 기능처럼 return키워드와 콤마를 안쓰고 심플하게 반환할 수 있음*resultBuilder개념은 이전 포스팅 글 참고// resultBuilder를 사용한 경우 - 콤마 존재 x@PersonBuilderfunc getPerson() -> [Person] { Person(name: "jake", age: 20) // return 키워드를 사용하지 않아도 동작 Person(name: "kim", age: 22) Person(name: "paul", age: 32)}하지만 @ViewBuilder를 단순히 @resultBuilde.. 공감수 3 댓글수 0 2024. 9. 11.
  • [iOS - swift] Paste Permission (붙여넣기 권한, 붙여넣기 허용, Allow Paste, 다른 앱에서 붙여넣기) 붙여넣기 권한 팝업iOS 16.0부터 OS에서 제공개발자가 UIPasteboard.general.string과 같이 복사된 텍스트를 불러올 때 팝업이 등장팝업이 나오는 이유: 사용자 동의 없이 복사된 텍스트에 접근하지 못하도록 하기 위함단, TextField에서 long press하여 붙여넣기 할때는, 암묵적으로 사용자가 동의한 것으로 간주하기 때문에 위 팝업이 등장 x아래에서 살펴볼 설정 앱에서 붙여넣기 권한을 거부 할 수 있는데, 거부하더라도 사용자가 long press하여 붙여넣기하는 것은 허용됨팝업 옵션에 따른 동작붙여넣기 허용 안 함 -> UIPasteboard.general.string 값이 nil붙여넣기 허용 -> UIPasteboard.general.string으로 pasteboard에 복.. 공감수 3 댓글수 1 2024. 9. 9.
  • [iOS - SwiftUI] 뷰 데이터 넘기는 방법 (Binding, ObservableObject, EnvironmentObject, @EnvironmentObject) 뷰 데이터 넘기기parentView -> childView 데이터를 넘겨주는 방법1) @State와 Binding으로 넘겨주기 (양방향 바인딩)2) EnvironmentObject를 사용하여 넘겨주기 (양방향 바인딩)1) @State와 Binding으로 넘겨주기@State 프로퍼리를 부모 뷰에 놓고, 달러 $를 붙여서 자식 뷰에 Binding 형태 프로퍼티를 넘겨주기양방향 바인딩ChildView에서 childText를 변경하면 parentText도 같이 변경되고, parentText가 변경되면 childText도 변경됨struct ContentView: View { @State private var parentText = "parent_text" var body: some View { .. 공감수 2 댓글수 2 2024. 9. 6.
  • [iOS - SwiftUI] @State 사용 시 주의사항 (#init에서 @State 값을 변경하면 안되는 이유) @State 프로퍼티@State를 붙인 프로퍼티의 값이 변경되면 자동으로 이것을 사용하고 있는 뷰들이 다시 그려는 기능* 뷰들이 다시 그려는 기능: 해당 뷰가 다시 그려질 때 init도 다시 호출되는것을 주의@State var text = ""var body: some View { Text(text)}@State 사용 시 주의사항@State의 용도는 View내부에서 프로퍼티를 변경시킬때만 사용해야함init이나 메소드에서 @State를 변경해도 @State값이 변경되지 않음ex) init에서 text를 초기화해주어도 text값이 변경되지 않음struct ContentView: View { var body: some View { VStack { ChildView(t.. 공감수 3 댓글수 1 2024. 9. 4.
  • [iOS - SwiftUI] Text에 Lottie 넣는 방법, Text에 애니메이션 넣는 방법 (Text, Lottie, NSTextAttachment) Text에 Lottie 넣기Text에 정적인 이미지를 넣는 방법은 기존 방법이 존재NSTextAttachment를 사용하여 AttributedText를 Text 컴포넌트에 대입하는 방법Text에 바로 이어 붙이는 방법하지만 Lottie와 같은 애니메이션을 Text에 넣는 방법은 알려진 방법이 xText에 Lottie 넣는 아이디어Text와 LottieView를 붙이는 것문자열이 있을때, 이 문자열을 띄어쓰기 단위로 쪼개고 Lottie를 넣고 싶은 위치 혹은 문자열을 정하여 그 옆에 LottieView를 넣는 것구조// Lottie를 마지막에 넣고싶고, 문구가 들어갈 뷰의 width를 200라 할 경우 아이디어VStack { 문자열을 " " 단위로 분해하여 배열로 나누기 라인별로 들어갈 문자열을 나누어.. 공감수 2 댓글수 1 2024. 9. 2.
  • [iOS - SwiftUI] ObservableObject 모델을 wrapping하여 protocol 다루기 ("Type any cannot conform to ObservableObject", @ObservedObject, ObservableObject) @ObservedObject 사용 요건ObservableObject 모델을 사용할 때 아래 에러를 마주치는 경우가 존재바로 @ObservedObject를 선언한 프로퍼티는 프로토콜이 아닌 구체적인 타입을 사용해야함struct ContentView: View { // error: Type 'any Personable' cannot conform to 'ObservableObject' @ObservedObject var person: Personable var body: some View { HStack { } }}protocol Personable where Self: ObservableObject { var name: String { get }.. 공감수 3 댓글수 0 2024. 8. 30.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.