본문 바로가기

분류 전체보기

 (64)
[TIL] ForEach id 중복으로 인한 오류 해결 과정 문제 발생ForEach 구문으로 코인 순위를 화면에 그려주다가 아래와 같은 오류가 발생하였습니다. 오류 문구를 자세히 살펴보니 collection에서 ID 3이이 여러번 사용되어 발생한 오류였습니다.ForEach>, Int, ModifiedContent, String, TopRankCell>>, _PaddingLayout>>: the ID 3 occurs multiple times within the collection, this will give undefined results!   아래 사진에서 보시듯, ForEach 구문에서 id값으로 사용된 count가 3으로 고정되어 중복 할당 오류가 발생하였던 것입니다. 자 이제 그럼 해결하러 가보겠습니다. 해결 방법중복된 id값을 서로 구분지을 수 있는 값으..
[TIL] List 내부 ScrollView Horizontal Scroll 구현 구현 화면오늘은 SwiftUI로 아래  화면을 구현해보려고 하는데요. 그 과정에 기록하고자 글을 남겨봅니다.  화면  구현리스트 구현위와 같은 화면을 구성하기 위해 SwiftUI의 List를 처음으로 사용해 보겠습니다.List는 UIKit에서 TableView와 CollectionView의 일부 개념이 합처진 개념으로 리스트로 이루어진 뷰를 그릴 때 사용하는 SwiftUI의 뷰 중 하나입니다. 그래서 아래 사진과 같이 그리려는 뷰 계층의 최상단 뷰를 List로 구성해주었습니다. 섹션 나누기이제 그 다음 할 일은 아래 사진처럼 각 항목들을 섹션별로 분류하는 건인데요. 이 작업은 SwiftUI의 Section이라는 뷰를 활용하면 List 뷰 내부에서 섹션별로 나누어 줄 수 있습니다.따라서 아래 사진과 같이 ..
[TIL] Moya 첫 적용기(feat. 사용법) 적용 동기이전에는 Moya의 TargetType을 직접 구성하여 Router를 구성하였지만 이번 새로 프로젝트를 진행하며 Moya 라이브러리를 적용해보기로 하였습니다. Moya란?여러 블로그들을 참고한 결과 결론적으로 Moya가 탄생하게 된 배경엔 손쉬운 네트워크 통신과 용이한 테스트 코드 작성 때문이라고 합니다. Moya 공식 문서에는 아래와 같이 서술되어 있습니다.the basic idea of Moya is that we want some network abstraction layer that sufficiently encapsulates actually calling Alamofire directly. It should be simple enough that common things are eas..
[TIL] MVI 패턴 이번에 새로 시작하게 된 프로젝트에 MVI 패턴으로 도입하기로 결정하여 이번기회에 MVI 패턴에 대해 공부해보고자 이번 포스팅을 작성하게 되었습니다. MVI 패턴탄생 배경MVI 패턴은 MVVM에서 발생하는 상태 문제와 부수 효과라는 두 가지 문제를 해결하기 위해 탄생했다고 합니다. 그렇다면 여기서 상태 문제와 부수 효과란 무엇일까요?각각에 대해 코드 예시를 들어 설명해보겠습니다.상태 문제MVVM에서는 상태가 여러 ViewModel에 분산되어 있을 수 있습니다. 이는 상태 변경이 여러 곳에서 일어나기 때문에, 예기치 않은 방식으로 상태가 변할 수 있는 문제가 발생합니다.class CounterViewModel: ObservableObject { @Published var counter: Int = 0..
[TIL] Realm-Swift 라이브러리 SPM Build 오류 대응(Privacy Manifest) 상황5월 1일부터 도입된 Privacy Manfest 대응을 위해 Realm-Swift 라이브러리를 업데이트 후, 빌드하다 발생하였던 오류에 관해 대응했었던 과정을 기록하고 공유하고자 글을 남깁니다.  문제발생위 상황 설명란에서 선 언급한 바와 같이 Realm-Swift를 10.48.1 버전에서 10.50.0 버전으로 업데이트 후, 빌드하는 과정 중 다음과 같은 오류가 발생하였습니다. Swift package target 'Realm' is linked as a static library by 'MyAppName' and 'Realm', but cannot be built dynamically because there is a package product with the same name. 위 오류를 해..
[TIL] Resizable Image 만드는 법 요즘 채팅 기능을 구현하던 와중 이미지 크기를 부분적으로 조절하여 말풍선을 만들 수 있다는 사실을 구글링 중 알게 되어 오늘은 이 구현 과정에 대해 포스팅해보고자 합니다. Stretchable Image애플 공식 문서에 따르면 Stretchable Image라는 개념이 나옵니다.공식 문서에 따르면 여기서 각 inset에 0이 아닌 값이 주어지면 아래 그림들과 마찬가지로 이미지를 9등분된다고 합니다. 이 9등분된 영역은 각각 다른 특색을 가지고 있는데요.예를 들어, Top/Bottom Inset 영역은 높이가 고정되고, 너비가 늘어납니다.반면에 Left/Right Inset 영역은 너비가 고정되고, 높이가 늘어납니다.그리고 나머지 코너 영역들은 너비와 높이가 고정됩니다. Stretchable Image 구..
[TIL] Pinterest UI 구현 오늘은 Pinterest라는 앱에서 유래된 Pinterest UI라는 화면 구현 과정에 대해 포스팅해볼까 합니다. Pinterest UIPinterest UI란 말 그대로 Pinterest라는 앱에서 구현된 UI에서 유래된 UI로 아래 사진처럼 이미지 고유의 비율값을 유지하면서 자유분방하게 배치된 레이아웃을 의미합니다. 아래 사진을 좀 더 자세히 살펴보면, 가로 길이는 디바이스 너비의 딱 절반을 차지하고, 세로 길이는 사진 고유의 가로/세로 비율에 따라 동적으로 배치되어 있는다는 사실을 알 수 있습니다. 이러한 사실을 기반으로 레이아웃 로직을 작성해 보겠습니다. 이미지 고유 사이즈 계산위에서 Pinterest UI 레이아웃의 핵심은 이미지의 고유 가로/세로 비율을 유지하면서 이미지를 화면에 나타낸다는 것..
[TIL] @propertyWrapper를 활용한 UserDefaults 리팩토링 문제 상황현재 진행중인 프로젝트에서 유저 정보 및 토큰 데이터를 모두 UserDefaults에서 관리해주었는데요.이런 상황이 지속하다보니 UserDefaults에 대한 코드가 반복적으로 발생하고 그에 따라 해당 코드양도 늘어나게 되었습니다.따라서 이 늘어난 코드양을 줄이고자 swift5.1부터 도입된 Property Wrapper를 활용하여 UserDefaults에 대한 코드를 리팩토링하여 줄여보고자 합니다.extension UserDefaults { enum Keys: String, CaseIterable { case userId case email // ... }}extension UserDefaults { var userId: String { ..

티스토리툴바