iOYES iOYES

안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI 내에서 기본 애플에서 제공하는 TabView에 대해 알아보겠습니다🙌 주로 앱을 구성하다보면 하단에 홈 / 설정 등 메뉴로 갈 수 있는 TabBar에 대해 꼭 구성하곤 합니다. 어떻게 보면 없는 앱을 찾기가 더 어려울정도입니다🥲 바로 요런거요! 그래서 이번 포스팅에서 이걸 구성할 수 있는 TabView에 대해 알아보고 구현해볼께요ㅎㅎ TabView? 공식문서를 파해쳐보죠! 탭뷰의 정의는 대화형 사용자 인터페이스 요소를 사용해 여러 하위 뷰 간 전환할 수 있도록 하는 뷰입니다. 즉 다들 흔히 알고 있는 탭바의 항목들을 클릭해 뷰를 전환할 수 있게 해주는것입니다. TabView 선언 struct TabView where SelectionValue : H..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 다크모드에 대해서 알아보겠습니다🙋🏻 다크모드? 다크모드는 iOS 13 이상에서 흔히들 말하는 설정에서 디바이스 자체를 다크모드로 설정하면 전체적으로 어두운 테마의 시스템을 채택하도록 할 수 있습니다. 특징은 어두워지는만큼 더 많은 생동감을 사용해 전경 컨텐츠들을 더 부각시켜줍니다. 앱에서 다크/라이트 모드 대응 시 주의점 1. 앱도 다크모드에 따라 잘 반영해야합니다. 2. 라이트/다크 모두에서 디자인이 의도한바와 같이 정상적인지 테스트해야합니다. 3. 대비 및 투명도 등 접근성 설정을 조정했을때에도 다크모드에서 가독성이 좋은지 확인해야합니다. 다크모드 색상 관련 다크모드의 색상을 선택할때는 중요한 사항들이 조금 있습니다. 1. 시스템 배경색 선호 - 다크모드는 ..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 전 포스팅에 이어 SwiftUI에서 구조체 내부에서 값을 변경하여 반영해주거나 전역적으로 값의 업데이트를 반영해주는 그런 친구들인 타이틀의 세친구 즉, @State, @Binding, @StateObject, @EnvironmentObject에 대해서 학습해보겠씁니다🙋🏻 우선 하나씩 차례대로 진행해보겠습니다👍 @State 정의를 먼저보면, SwiftUI에서 값을 읽고 쓸 수 있는 유형의 어노테이션입니다. @frozen @propertyWrapper struct State 역시 propertyWrapper이고 구조체입니다. SwiftUI에서 우선 뷰는 구조체입니다. 즉, 내부 값을 변경해줄 수 없는데 이 @State를 이용해 변경해줄 수 있습니다. 또한 구조체이기..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 ObservableObject라는 프로토콜에 대해 학습해보겠습니다🙋🏻 추가로 이어져서 @Published와 @ObservedObject도 보시죠! 요즘 개인적으로 많이 바빠져서 블로그를 소홀하게 될 것 같아.. 많은 양을 공부하고 포스팅하는것보다 짧게 학습하고 포스팅하면서 꾸준함을 잃지 않는 전략으로 당분간 가려합니다! (안그러면 어느 순간 놔버릴것 같은....) 그래서 이번에 준비한 주제는 초심부터 찾자! 느낌으로 저번에 Combine의 대표적 개념들을 공부하면서 연결되어 ObservableObject라는 주제를 선정하게 되었네요ㅎㅎ 그럼 신속하게 학습하고 치고 빠져 봅시다🙌 ObservableObject? 공식문서의 정의는 개체 변경 전 방출하는 게시자가 있..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 커스텀한 Stepper를 구현해보겠습니다🙋🏻 SwiftUI에서 기본 내장되어있는 Stepper가 있습니다. 그런데..! NavigationLink를 통해 들어간 뷰에서는 왜인지 Stepper의 동작이 다소 이상합니다. 예를들어 살짝 누르면 안되고 꾸욱 눌러주어야 변경되며 버튼 Hold 액션을 통해서는 반복적으로 카운팅이 안올라가는ㅠㅠ 관련 간증들을 찾아보니 SwiftUI에서 NavigationLink의 파생된 버그 같더라구요.. 네비게이션 관련해서 아직까지 여러 버그가 있는데 그중 하나인것 같습니다🤬 그래서..! 직접 Stepper를 동일하게 구현해봤습니다. Stepper 구현하기 import SwiftUI struct ContentView: View { @St..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 multilineTextAlignment과 lineLimit 그리고 lineSpacing에 대해 학습해보겠습니다🙌 multilineTextAlignment? SwiftUI로 뷰를 구성하며 텍스트를 넣어주는 뷰 구성이 아주 많습니다. 그럴때 개행이 일어날때가 있어요. 그때 개행 시 어느쪽에서 정렬을 줄것인지 즉, 개행 시작 위치가 어디인지 정해줘야할때 사용됩니다. (SwiftUI 편리한게 아주 많아.. 좋아ㅠ) multilineTextAlignment(_:) 우선 어떤건지 공식문서를 통해 정의부터 봐볼께요! 그전에 딱 직역해도 느낌이 오시죠? "여러라인의 텍스트 정렬" 네.. 아주 쉽고 아주 간단한 포스팅이 될것 같네요🙃 "Sets the alignment of ..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI에서 사용되는 swipeActions이라는것을 알아보겠습니다💁🏻 swipeActions? 자 다들 아래 같은 기능에 아주아주 친숙하실거에요. 리스트에서 목록을 스와이프 했을때 뭐 저장하거나 삭제하거나 등등 메모앱에서 너무 많이 사용되고 그뿐만아니라 거의 모든 이런 구성에는 필수적인 기능이죠? 오늘 알아보고 따라 구현해볼건 바로 요 기능입니다! 공식문서의 개념 정의를 보겠습니다. 리스트의 행에 스와이프 시 커스텀한 로직을 태울 수 있다고 나옵니다. swipeActions의 파라미터 우선 해당 메서드의 정의된 선언을 보겠습니다. func swipeActions( edge: HorizontalEdge = .trailing, allowsFullSwipe: ..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 Code Scanner에 대해 배워보려합니다💁🏻 요즘 코시국에 참 QR 코드도 많이 사용되죠. 그래서 코드 스캔을 할 수 있도록 코드 스캐너에 대해서 간단히 배워보려해요! 우선 저는 Paul Hudson님이 만드신 라이브러리인 Code Scanner 라이브러리를 사용하려고 합니다🙋🏻 https://github.com/twostraws/CodeScanner GitHub - twostraws/CodeScanner: A SwiftUI view that is able to scan barcodes, QR codes, and more, and send back what was found. A SwiftUI view that is able to scan barcodes, ..