쑤야의 개발 블로그

이번 포스팅에서는 HeaderView 관리를 위한 리팩토링을 어떻게 했는지 작성해보도록 하겠다 1. 리팩토링의 이유 Zatch 프로젝트에서는 아래와 같이 굉장히 많은 HeaderView 디자인이 존재한다. navigation controller에 속하는 view controller의 경우 back button 왼쪽에 navigation title이 위치한 경우 가운데에 navigation title이 위치한 경우 오른쪽 기타 버튼 1개인 경우 오른쪽 기타 버튼 2개인 경우 위의 조합에 따라 header view가 구성되게 된다. 처음 프로젝트를 진행했을 때는 ViewController와 View를 분리하지 않았었다. 프로젝트를 진행하다 보니 ViewController가 너무 많은 역할을 수행하고, UI가..

iOS 2023. 2. 5. 12:30

1. Problem 재치 프로젝트에서 다른 View들과 다르게 상세 페이지는 디바이스 상단에 딱 붙어있다 그래서 나는 당연히 View를 ViewController에 붙일 때 아래 코드와 같이 top을 superview에 붙였다 mainView.snp.makeConstraints{ $0.top.leading.trailing.bottom.equalToSuperview() } 그런데… TableView가 아래 사진처럼 위에 딱 붙어있지 않고 저절로 공간을 가져버렸다 (빨간색 배경은 설명할 때 구분을 확실하게 보여주기 위해 설정한 것) spacing 크기가 대충 노치 사이즈정도로 보여서 레이아웃의 offset 값으로 노치 값인 44만큼 주었다. mainView.snp.makeConstraints{ $0.top...

iOS 2023. 1. 3. 22:09

Docs Apple Developer Documentation Apple Developer Documentation developer.apple.com tag의 공식 문서를 살펴보면 이를 활용하는 viewWithTag라는 메서드가 있다. 메서드의 역할을 읽어보면 특정 값을 가지는 view를 반환하는 역할을 하는 듯 싶다 이를 보고 나는 tag에 나만의 규칙을 세워 그 값을 할당해주면 필요한 view를 수월하게 가져올 수 있겠다라는 생각을 하게 되었다. 적용 시킬 UI는 위의 사진과 같다 3가지의 감정 표현 중에서 하나를 필수로 선택해야 하는 것인데, TableView로 구성할까 그냥 View 3개로 구성할까 고민하다가 후자로 선택하게 되었다. 후자로 선택한 이유는 스크롤이 필요가 없어 cell을 재사용 ..

iOS 2023. 1. 1. 00:16

1. Problem 위의 화면에서 아래 이미지의 부분을 UITableViewCell로 만들 생각인데, Cell이 그림자 효과를 가지고 있기 때문에 그림자가 보일 여유 공간이 필요하므로 UITableView의 크기를 마진 값을 적용시키는 것이 아니라, 디바이스 크기와 동일하게 너비를 잡고, UITableViewCell 위의 view인 baseView의 크기를 조절해 아래 디자인과 같이 만들 생각을 했다. ViewController의 backgroundColor가 grey값을 가지기 때문에 baseView를 제외한 UITableView와 UITableViewCell의 배경 값이 transparent 값으로 지정되어야 한다. 따라서 처음에 UITableView와 UITableViewCell의 contentVi..

iOS 2022. 11. 8. 00:50

1. Problem 아래 2가지의 디자인을 보면 아이콘들이 겹쳐져 있는 것을 볼 수 있다. 하지만 평소 UIStackView를 사용할 때는 아래 디자인들과 같이 View끼리의 겹침 현상이 발생하지 않고, 일정 간격으로 벌어져 있는 상황만 구현해보았기 때문에 고민과 구상이 조금 필요했다. 2. Search and Think 위의 디자인을 보고 어떻게 구현해볼까 고민하다가 아이콘 크기, view 간 spacing 등이 똑같고 안에 이모지의 종류만 달라지는 것이기 때문에 UIStackView를 사용해야겠다고 판단을 하게 되었다. * UIView안에서 addSubview의 순서 조정을 통해 View의 레이아웃을 잡는 방식도 가능하겠지만.. 간격이 동일하므로 UIStackView를 쓰는 게 더 적합할 것이라 생각..

iOS 2022. 11. 7. 22:38

1. Docs * 공식 문서의 내용은 한 번에 모두 추가하는 것이 아니라, 기본적인 내용을 먼저 작성한 후, 이후에 필요한 프로퍼티/메서드가 있을 경우 하나씩 추가할 예정. https://developer.apple.com/documentation/uikit/uitabbarcontroller Apple Developer Documentation developer.apple.com # Managing the view controllers var viewControllers: [UIViewController]? An array of the root view controllers displayed by the tab bar interface. func setViewControllers([UIViewContro..

iOS 2022. 11. 6. 22:15