220922 TIL [14.1 시뮬레이터로 빌드시 일부 뷰가 검은색으로 표시되는 현상]

Book Finder App 프로젝트 진행 중 14.1버전 시뮬레이터에서 아래와 같은 문제가 발생되었다

어떤 코드차이도 없고 둘 다 라이트 모드인데 Collection View의 background Color만 검은 색으로 표시되는 현상이다
(추가적으로 다른 뷰 또한 이런 문제가 발생되는지는 모르겠지만 일단 이 프로젝트에서는 콜렉션 뷰만 그런것으로 확인 됐다)

해결 방법

Collection View의 Background Color를 white로 지정했을 때는 검은색이 아닌 하얀색 색상이 정상적으로 적용되는 것으로 보아 라이트 모드와 다크 모드의 색상을 직접 지정해주면 문제가 해결될 것이라고 생각했다 즉...

라이트모드와 다크모드 색상 직접 지정해주기

1. Assets에 mainBackground라는 이름으로 Color set을 만들어주기
   

2. UIColor extension을 통해 color만들어주기

import UIKit

extension UIColor {
    class var mainBackground: UIColor? {
        return UIColor(named: "mainBackground")
    }
}

3. Collection View에 적용하기

(Color Set에 대한 자세한 내용은 아래 링크 참조)
ColorSet를 통해 darkMode색상을 custom하기

결과

일단 해당 문제의 근본적인 원인을 알게 된다면 그 문제를 해결하는게 가장 좋겠지만 지금으로서는 그 원인을 파악하지 못했고 임시방편으로 위 방법으로 해결을 했다