[TIL / 25.05.12] BookSearchApp 트러블슈팅 - 일부 배경색이 투명한 현상

 

문제 상황 및 도출

요구 사항 맞춰서 16 pro 시뮬레이터 기준으로 작업 중이었고 분명 이 기기에선 제대로 떴는데

이렇게 오늘 작업이 끝나는구나..인줄 알았습니다.

웬 걸? 16.0버전 SE 2세대를 기준으로 돌리니 상단 서치바 영역이 까맣게 아무것도 안뜨는 현상이 발생했습니다.

 

새벽 2신데 ㅋㅋ

 

자 문제 파악을 위해 각 시뮬레이터 두 환경에서 뷰 디버거를 키면 어떻게 보일지 봤는데

 

좌: 16 pro (18.3.1) / 우: SE 2nd (16.0)

 

아니 글쎄 뒷 배경 UITabBar에 iOS 18 버전 시뮬레이터에선 배경 색이 자동으로 있는채로 렌더링되고, 16버전에선 그냥 clear하더라구요.. 이게 과연 os 버전 차이로 인한 게 맞는지 좀 더 검증해보기로 합니다.

 

제 폰이 13 프로라서 일단 13 시리즈를 기준으로 잡아봤읍니다.

좌측은 13 프론데 iOS 16.0을, 우측은 13 미니인데 18.3.1을 기준으로 하는 시뮬레이터입니다.

좌측 16.0은 아까 SE와 같은 환경이고 똑같이 서치바 배경이 텅 비었음을 확인할 수 있고, 우측 18.3.1은 문제없이 잘 렌더링이 됨을 알 수 있습니다!

 

문제 해결

 

해결은 사실 별 거 없습니다. 서치바 측 백그라운드 컬러가 지정되지 않았기에 투명하게 하위 계층까지 훤히 보이는것이기에 이 서치바가 속한 부모뷰와 이 서치바 자체의 백그라운드 컬러를 지정해주도록 했습니다.

 

func setStyle() {
        view.backgroundColor = .systemBackground // TODO: - 트러블슈팅 기록용
        searchBar.backgroundColor = .systemBackground
        navigationController?.navigationBar.isHidden = true
    }

 

 

개발자의 숙명이 os 버전 대응하는 것이라고 누누히 들어왔는데 deprecated 메서드를 주로 봤지 UI적으로는 크게 느껴본적이 없는데, 이번에 경험해보면서 중요성을 다시 느껴봅니다~