[Feat] #24 - segment control component

[HEHEEUN]

🧩 작업 내용

• segmentControl 제작 및 사용 테스트 완료.

🪁 PR Point

사용방법

    SegmentControlBar(segmentTitles: ["모임정보", "댓글"])
    SegmentControlBar(segmentTitles: ["내가 모집한", "내가 신청한"])

📱 스크린샷

구현 내용	스크린샷
구현내용입력

🔗 Issue

Resolved #24

[kms0233]

segmentControl 탭시 하단 뷰는 어떻게 전환한는지까지 pr에 써두면 나중에 편할 것 같아용!!
고봉밥 코리 먹고 체해라!

[HEHEEUN]

segmentControl 탭시 하단 뷰는 어떻게 전환한는지까지 pr에 써두면 나중에 편할 것 같아용!! 고봉밥 코리 먹고 체해라!

좋다! 아직 구현 안했어 ㅋㅋ

[Nya128]

enum SegmentState에 타이틀 배열도 정의해놨으니 생성자에서 받을건 String 배열이 아니라 enum 타입을 받으면 될거같아요!! 😆

[Nya128]

여기는 ZStack은 안 써도 될 것 같아요! Color를 덮어씌우는 것보다 이미 만든 삼항연산자 하나에 합치는 건 어떨까요?!

[Nya128]

역시 뭐든지 직접 커스텀해서 컴포넌트 만들어서 쓰는 건 어렵네요.....🥺
Segmented Control 만든 거 자체가 대단한 거임 ㅜ.ㅜ
우리도 이제 @ViewBuilder 쓸 줄 안다~~ 성장했다.

[Nya128]

여기 enum도 각각 모임상세, 채우기 화면별 세그먼트 타이틀도 다시 나누면 확장성에 좋을 것 같슴다

enum SegmentDetailType: String, CaseIterable {
    case meetingInfo = "모임정보"
    case comment = "댓글"
}

enum SegmentMyFillType: String, CaseIterable {
    case recruit = "내가 모집한"
    case apply = "내가 신청한"
}

[Nya128]

저도 몰랐는데 뷰빌더 기능을 쓰면 공통적인 부모 Container를 만드는데 유용하다고 해요!! 요런식으로 여러 개의 뷰를 조건마다 다르게 보여줘야 할 때도 쓰면 좋을 거 같네요 🤓

@ViewBuilder
    func view(at index: Int) -> some View {
        switch self {
        case .detail:
            switch SegmentDetailType.allCases[index] {
            case .meetingInfo: AddMeetingButton()
            case .comment: Text("민서 바부")
            }
        case .myfill:
            switch SegmentMyFillType.allCases[index] {
            case .recruit: Text("희은이 바부")
            case .apply: Text("나연이가 더 바보")
        }
    }
}