[UIKit] 왜 안떠? 만든 View가 안떠요. (레이아웃이 깨질때 콘솔창 살펴보는 URL 이 있다?!)

📱 CollectionView를 만들었는데 왜 안떠?

Code base로 개발할 때 항상 생기는 문제, (아직 미숙한 감자라서 항상,,,생기곤한다. 언제쯤 고수감자가 될 수 있을까!)
View가 안뜰때 콘솔창을 살펴봐야한다는 점을 알게 되었다. (콘솔창 어렵게 생겼어,,)

지금은 CollectionView를 만들고 있는데 뷰가 안드고 있다. hierarchy를 살펴보아도 뜨지 않는다! (아이패드임)

보이지 않는,,, CollectionView

내가 쓴 collectionview의 코드는 다음과 같다.

private func configureCollectionView() {
    collectionView.delegate = self
    collectionView.dataSource = self
    collectionView.register(DynamicCollectionViewCell.self, forCellWithReuseIdentifier: DynamicCollectionViewCell.identifier)
}

private func setupLayout() {
    view.addSubview(collectionView)
    NSLayoutConstraint.activate([
        collectionView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
        collectionView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor),
        collectionView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor),
        collectionView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
    ])
}

collectionView의 top, leading, trailing, bottom 을 잡아주었고 이 모두 super view를 기준으로 safeArea 안쪽으로 들어오게 잡아주었다.

 

🤔 도대체 어디서 문제가 생겼는지 모르겠으니, 콘솔창을 살펴보자.

우리 팀원의 천재갓듀님의 말씀을 들어보면, layout이 깨지면 '콘솔창에서 화를낸다'고 했다. 그래서 콘솔창을 살펴보았고, 다음과 같은 문구를 볼 수 있었다.

콘솔창에서는  아래와 같은 수많은 에러들이 화를 내고 있었다.

이런 에러가 한,,, 10개정도? 하하하하 

레이아웃이 깨질때 어떻게 알아봐야하는지 찾아보다가, 아래와 같은 사이트를 알게 되었다.

https://www.wtfautolayout.com/

WTF Auto Layout?

이 페이지에서는 어느부분에서 어떤 레이아웃이 깨졌는지 조금이나마 시각적으로 알 수 있게 해준다. 여기다가는 콘솔창에 있는 레이아웃이 개지는 부분의 코드를 붙여넣기 하면 된다. 

"<NSAutoresizingMaskLayoutConstraint:0x600002ee3a70 h=--& v=--& UICollectionView:0x143811800.width == 0   (active)>",
"<NSLayoutConstraint:0x600002ef0c30 UICollectionView:0x143811800.leading == UILayoutGuide:0x6000034d1340'UIViewSafeAreaLayoutGuide'.leading   (active)>",
"<NSLayoutConstraint:0x600002ef0a50 UICollectionView:0x143811800.trailing == UILayoutGuide:0x6000034d1340'UIViewSafeAreaLayoutGuide'.trailing   (active)>",
"<NSLayoutConstraint:0x600002eea580 'UIView-Encapsulated-Layout-Width' UIView:0x141709c50.width == 744   (active)>",
"<NSLayoutConstraint:0x600002ef0370 'UIViewSafeAreaLayoutGuide-left' H:|-(0)-[UILayoutGuide:0x6000034d1340'UIViewSafeAreaLayoutGuide'](LTR)   (active, names: '|':UIView:0x141709c50 )>",
"<NSLayoutConstraint:0x600002ef05a0 'UIViewSafeAreaLayoutGuide-right' H:[UILayoutGuide:0x6000034d1340'UIViewSafeAreaLayoutGuide']-(0)-|(LTR)   (active, names: '|':UIView:0x141709c50 )>"

이 부분을 작성해서, Go! 버튼을 누르면 아래와 같은 결과가 뜬다!

 

이 페이지에서 어디서 autolayout 에러가나는지 살펴보았다. 이걸로 두시간을 삽질했는데... 결과는

뭐 이것저것 안맞긴 하지만 마지막에 초록줄 쳐놓은 것을 보자. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ Autolayout 으로 몇시간을 지금 씨름했는데,,,저걸 안써서였다... ㅋㅋㅋㅋ 하하하하하하하하하하 행보하군

collectionView.translatesAutoresizingMaskIntoConstraints = false

이걸 쓰지 않아서 그렇다. 으하하하하하하하하 앞으로 잘 생각하자,, 

 

위 코드를 작성하고 돌려보니, 아래와 같이 뷰가 등장했다. (필요에 의해 ipad로 개발하고 있슴니다 하핬)

이렇게 뜨는데, 어찌됐든 내가 cell에대한 레이아웃을 잘못 잡은것은 맞는것같다. 다시 잡아보자!

 

😊 결론

collectionView.translatesAutoresizingMaskIntoConstraints = false

까먹지 말고 작성하자!