feat: CustomAlert 추가

[RapidSloth]

PR 가이드라인

PR Checklist

PR 날릴 때 체크 리스트

• [x] 코드 컨벤션을 잘 지키셨나요?
• [x] 이슈 체크리스트를 잘 반영했나요?
• [x] Conflict 문제가 발생하지는 않나요?

PR Type

어떤 종류의 PR인가요?

• [ ] 버그 수정
• [x] 새 기능 개발
• [ ] 코드 스타일 변경
• [ ] 리팩토링
• [ ] 문서 작업 변경
• [ ] 기타 작업

연관되는 issue 정보를 알려주세요

Issue Number: N/A

PR 설명하기

이 PR에 대해 간략하게 소개해주세요!

1. 커스텀 Alert 구현
   • xcode 기본 스타일의 경고창 보다는 앱 전체적으로 쓰이는, 즉 앱 컨셉에 맞는 통일된 Alert를 사용하면 좋겠다는 생각이 들어 구현했습니다.
   • alert 버튼에 메서드를 구현하고 싶어 만들었습니다. (Ex. 위치정보동의가 안되어있는 상황에서 설정페이지로 이동 유도)
   • title 부분에는 String 혹은 Image가 들어갈 수 있고, message에는 String만 들어갈 수 있습니다.
   • 버튼은 최대 2개까지 가능하고, 최소 1개는 구현하도록 만들었습니다.
   • .overlay와 동일하게 사용하시면 됩니다.

어떻게 작동하나요? code 기반으로 설명해주세요

아래에 첨부된 스크린샷 순서대로의 코드입니다.

1. 확인 버튼만 구현 : 타이틀없이 message + button의 형태입니다.
2. 버튼 2개 구현 : 타이틀 없이 취소 + 확인 버튼을 구현한 모습입니다.
3. 4: 타이틀 부분을 구현한 모습입니다. 텍스트와 이미지 둘 중 하나를 선택하여 구현할 수 있습니다.

Button {
  self.showingAlert.toggle()
} label: {
  CurrentSpotButton()
}

...

  .moahAlert(isPresented: $showingAlert) {
          MoahAlertView(message: "저장되었습니다.", 
                       firstBtn: MoahAlertButtonView
                              (type: .CONFIRM, 
                               isPresented: $showingAlert,
                               action: { }
                              )
                  )
   }

.moahAlert(isPresented: $showingAlert) {
      MoahAlertView(message: "작성중인 글이 저장되지 않았습니다. 뒤로 가시겠습니까?", 
firstBtn: MoahAlertButtonView(type: .CANCEL, isPresented: $showingAlert, action: {}), 
secondBtn: MoahAlertButtonView(type: .CONFIRM, isPresented: $showingAlert, action: {}))
 }

.moahAlert(isPresented: $showingAlert) {
MoahAlertView(title: "제목", message: "본문입니다.",
firstBtn: MoahAlertButtonView(type: .CONFIRM, isPresented: $showingAlert, action: {}))
                        }

.moahAlert(isPresented: $showingAlert) {
     MoahAlertView(image: Image(systemName: "figure.run"),
    firstBtn: MoahAlertButtonView(type: .CONFIRM, isPresented: $showingAlert, action: {}))
                        }

[.moahAlert]

• .moahAlert( )를 overlay와 동일하게 사용합니다.
• 두 번째인 moahAlert 파라미터에는 MoahAlertView()를 넣어주시면 됩니다.

[MoahAlertView]

• title (선택)
• image (선택) : 타이틀에 문자대신 이미지를 넣고싶을 경우 사용합니다.
• message(필수): 본문입니다.
• fistBtn(필수): 버튼1 입니다. MoahAlertButtonView()를 사용합니다.
• SecondBtn(선택): 버튼2 입니다. MoahAlertButtonView()를 사용합니다.

[MoahAlertButtonView]

• type : .CONFIRM, .CANCEL, .SETTING 3가지가 존재합니다. enum을 이용하여 확인, 취소, 설정 3가지 label 중 하나를 선택합니다.
• isPresented : overlay와 동일한 변수를 사용합니다.
• action : () -> void 타입으로, 해당 버튼을 눌렀을때 실행하고 싶은 메서드를 작성하시면 됩니다. 없다면 { } 로 비워놓으시면 됩니다.

---

가능하다면 추가해주세요

변경 사항 스크린샷 혹은 화면 녹화

스크린샷

기타 언급해야 할 사항들

• 정보 1
• 정보 2