[feat/#337] 사용자 로그인 정보 API 연동 & 프로필 사진 삭제 구현

[SeungWon1125]

📄 작업 내용

• 사용자 로그인 정보 API 연동했습니다.
• 프로필 사진 삭제 기능을 추가했습니다.

구현 내용	iPhone 13 mini
로그인 정보 & 프로필 이미지 삭제

💻 주요 코드 설명

Interceptor 수정이 필요했어요

사용자 로그인 정보 API가 추가되었는데요
path가 "/auth/login-info"로 추가되었습니다.
여기서 문제가 되었는데요

// Interceptor.swift
...
private let skipAuthKeywords: [String] = [
    "/auth/login", //<- 이 경로가 추가되어 있었음
    "/auth/social",
    "/auth/refresh"
]

"/auth/login" 경로에 포함되어 헤더에 accessToken이 안 붙어서 자꾸 로그인 정보가 nil이더라고요
(서버 문제인 줄 알고,, 또 민규형을 괴롭혓ㅆ다.._..ㅠ)
스웨거랑 명세서 확인하니까 "/auth/login" 경로의 API가 로그인 정보 말고 없었습니다
결론 -> "/auth/login" 삭제함

func shouldSkipAuth(for path: String) -> Bool {
    skipAuthKeywords.contains { path.contains($0) } // 원래 코드
    skipAuthKeywords.contains { path.hasPrefix($0) } // 수정된 코드
}

추가적으로 좀 더 확실하게 하기 위해 .hasPrefix()로 바꿔놨습니다
-> skip할 path 문자열로 시작하면 true => 헤더에 토큰 안 붙임

---

프로필 사진 삭제 구현

이슈 파기 귀찮아서 여기서 구현했어요
서버에서 회원 정보 수정 API를 request를 아래와 같이 요구했습니다.

1. profileImageFileKey에 값이 있으면 -> 새로운 이미지로 수정
2. profileImageFileKey에 값이 nil이면 -> 기존 이미지를 사용(원래 설정해놨던 사진)
3. profileImageFileKey에 값이 ""이면 -> 기본 이미지를 사용(프로필 사진 삭제)

1️⃣ 먼저 MyPageEdit 상태 관리

// MyPageEditReducer.swift
case .deleteProfileImage:
    state.attachedImageData = ("", Data())
    state.isUserInformationChanged = true
    break

그래서 먼저 delete하는 action을 추가한 후, state의 state.attachedImageData에 빈 값을 넣는 방식으로 구현했어요
그리고 Store에서 사진을 S3에 업로드하기 전 빈 문자열이면 S3에 올리지 않고 ""을 requestDTO에 담아 요청하도록 했습니다.

2️⃣ ProfilePhotoPicker 수정

컴포넌트 내부에 didDelete상태를 추가하였습니다.
왜냐면, 생각을 해보았는데, 기존에 프로필 사진이 있었던, 아니면 새로 골랐던 삭제를 누른 순간에는 무조건 기본 이미지가 떠야 하니까요

ProfilePhotoPicker.swift

if didDelete { // 사용자가 사진을 삭제했으면
    defaultProfileImage // 기본 이미지

} else if let selectedImage { // 사용자가 사진을 골랐다면
    Image(uiImage: selectedImage) // 새 이미지 
        .resizable()
        .aspectRatio(contentMode: .fill)
        .frame(width: width, height: height)
        .background(.gray800)
        .circleClipped()
    
} else if let profileImageUrl { // 기존 프로필 이미지가 존재한다면
    KFImage(URL(string: profileImageUrl)) // 기존 이미지
        .resizable()
        .aspectRatio(contentMode: .fill)
        .frame(width: width, height: height)
        .circleClipped()
    
} else {
    defaultProfileImage
}

그래서 기존에 있던 if문에 didDelete를 제일 먼저 확인하여
사용자가 프로필 사진을 삭제했을 때 컴포넌트에서 기본 이미지가 뜨도록 구현했어요

// ProfilePhotoPicker.swift

Button {
    if didDelete { // 사용자가 사진을 삭제했으면 (무조건 기본 이미지가 떠있는 상태)
        requestPhotoAuthorization() // picker 바로 띄움

    } else if let _ = profileImageUrl { // 기존 이미지가 있으면
        isDialogPresented = true // 사진을 삭제 & 편집 선택 alert 띄움

    } else if let _ = selectedImage { // 사용자가 선택한 이미지가 있으면
        isDialogPresented = true // 사진을 삭제 & 편집 선택 alert 띄움

    } else {
        requestPhotoAuthorization()
    }

추가적으로 프로필 사진을 눌렀을 때 수정할 건지, 삭제할 건지도 사용자에게 물어봐야하기 때문에

• 기본이미지가 떠있으면 => 무조건 새로운 이미지 선택
• 선택한 이미지 & 기존프로필이미지가 떠있으면 => 삭제 & 편집 선택 alert 표시
  이렇게 구현했습니다.
  (아 아직 저 alert는 디잔쌤들한테 안 물어보긴 했어요.. qa때 물어보겠습니다)

🔗 연결된 이슈

• Connected: [feat] 사용자 로그인 정보 API 연동 #337

👀 기타 더 이야기해볼 점

• 백현씨 제가 많이 응원합니다. 파이팅. 아자스

[dudwntjs]

충돌도 해결하신거조 짱입니더 아빠짱짱

[dudwntjs]

hasPrefix옹 요런게 잇군요!!

[dudwntjs]

옹 이거 지우셧군요

[dudwntjs]

?? 근데 이거 머라고 읽어요

닐 코얼레ㅔ싱?

[SeungWon1125]

옛날에 과제 보니까 그렇다고 하네요. 또 까먹었음