Do! Collabo

협업을 위한 이슈 관리 어플리케이션

상세 화면

TroubleShooting

Dynamic UICollectionViewCell

이슈를 표시하는 UICollectionViewCell에 레이블의 개수가 많아지면 동적으로 셀의 높이를 잡아줄 수 있도록 구현을 하기 위해 고민을 많이 했었습니다. UICollectionView를 사용하는 만큼 UICollectionViewLayout을 공부하여 구현하고 싶었지만, 시간이 부족했습니다. 그래서 DummyCell을 만들어서 높이를 계산해주는 방식을 사용해서 구현을 하였습니다. 블로그에 어떻게 접근하여 문제를 해결했는지 정리하였습니다.

UICollectionViewCell Dynamic Height, 동적 높이 구현하기 with Dummy Cell

More Action Menu

Issue Cell과 Label Cell에서 더보기 버튼을 눌러 추가적인 액션을 사용자가 취할 수 있는 메뉴 기능을 구현하기 위해서 커스텀 뷰를 만들어서 구현하려고 생각했습니다. 그러나 추가적인 액션이 적지 않고 뷰를 사용하면 뷰의 액션 처리는 결국 뷰의 상위 객체인 뷰 컨트롤러가 처리하게 되어 해당 뷰 컨트롤러가 거대해진다고 판단하여 커스텀 뷰 컨트롤러를 구현하였습니다. 먼저 기본 동작을 처리할 MoreViewController를 구현하여 이를 상속하여 IssueCellMoreViewController, LabelCellMoreViewController를 구현하였습니다.

구현한 화면을 보면 알 수 있듯이, 이슈와 레이블의 옵션 메뉴 항목 개수가 다릅니다. 이를 처리하기 위해서 MoreOptionButton 을 생성하는 메소드와 이를 moreView라는 메뉴 뷰 요소를 관리하는 객체에 버튼을 추가하게 되면 moreView 내부의 stackView에 잘 추가되도록 구현하였습니다.

// MoreViewController.swift
func generateButton(
    title: String,
    target: Any?,
    action: Selector,
    for event: UIControl.Event) -> UIButton {
    let button = MoreOptionButton()
    button.setTitle(title, for: .normal)
    button.addTarget(target, action: action, for: event)
    return button
}

func addOptions(buttons: UIButton...) {
    moreView.addOptions(buttons: buttons)
}

지금보니 두가지 메소드를 분리할 필요없이 바로 생성하여 추가해주면 더 깔끔할 것 같아서 아래와 같이 수정해보았습니다.

func addOptions(
    title: String,
    target: Any?,
    action: Selector,
    for event: UIControl.Event) {
    let button = MoreOptionButton()
    button.setTitle(title, for: .normal)
    button.addTarget(target, action: action, for: event)
    moreView.addOption(button: button)
}

상속을 사용해서 구현하긴 했지만, SOLID 원칙을 많이 고려하지 못한 점이 아쉽다. 인터페이스로 분리하여 책임을 분리한다면 더 좋을 것 같다.

Members

• BE
  • 🐦 Dan
• iOS
  • 🐝 Delma
  • 🦊 Cory

Commits

[iOS] feat :rocket: index page 구현
    
커밋 내용, 자유롭게 작성
    
#3
close, fix, resolved: #2 (optional)

타입	이모지	설명
feat	🔥 :fire:	새로운 기능 추가
fix	🔧 :wrench:	버그 수정
docs	📝 :pencil:	문서 수정
refactor	♻️ :recycle:	코드 리팩토링
style	🎨 :art:	코드 포맷팅 (코드 변경이 없는 경우)
test	✅ :white_check_mark:	테스트 코드 작성
chore	📦 :package:	소스 코드를 건들지 않는 작업

Branches

• dev : default branch
  • be
  • dev-ios
  • be/feat
  • ios/feat

Issues

이슈 제목
ex) 카드 추가 (라벨 BE, 프로젝트 추가)

• 대분류는 label 을 사용한다. (ex: BE, iOS, Feature, Refactor, Fix)
  • label에 있는 것은 제목에 쓰지 않는다
• 내용은 checkbox 사용을 지향한다.

Documents

• Swagger
• iOS Feature Requirements
• Design Guide