feat: 아이콘 화면모드로 분기될 때, 보여주는 아이콘 화면 레이아웃 구현

BoxOffice/ViewControllers/BoxOfficeCell.swift

@@ -44,6 +44,17 @@ class BoxOfficeCell: UICollectionViewListCell {
         return stackView
     }()
 
+    private let gridStackView: UIStackView = {
+        let stackView = UIStackView()
+
+        stackView.translatesAutoresizingMaskIntoConstraints = false
+        stackView.axis = .vertical
+        stackView.alignment = .center
+        stackView.distribution = .equalCentering
+
+        return stackView
+    }()
+
     private let rightStackView: UIStackView = {
         let stackView = UIStackView()
 
@@ -115,6 +126,8 @@ class BoxOfficeCell: UICollectionViewListCell {
                 self.rightStackView.addArrangedSubview($0)
             }
 
+            contentView.layer.borderWidth = 0
+
             NSLayoutConstraint.activate([
                 contentView.heightAnchor.constraint(equalToConstant: 80),
 
@@ -128,6 +141,24 @@ class BoxOfficeCell: UICollectionViewListCell {
             ])
         case .icon:
             print("추가해주세요")
+            [gridStackView].forEach {
+                self.contentView.addSubview($0)
+            }
+
+            [rankNumberLabel, movieTitleLabel, rankChangeLabel, audienceLabel].forEach {
+                self.gridStackView.addArrangedSubview($0)
+            }
+
+            contentView.layer.borderWidth = 1
+
+            NSLayoutConstraint.activate([
+                contentView.heightAnchor.constraint(equalToConstant: 80),
+
+                gridStackView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10),
+                gridStackView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -10),
+                gridStackView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
+                gridStackView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor)
+            ])
         }
     }
 }

BoxOffice/ViewControllers/ViewController.swift

@@ -124,7 +124,21 @@ class ViewController: UIViewController {
     }
 
     private func createCollectionViewIconLayout() -> UICollectionViewCompositionalLayout {
-        print("추가해주세요")
+        let itemSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(0.5), heightDimension: .fractionalWidth(0.5))
+        let item = NSCollectionLayoutItem(layoutSize: itemSize)
+
+
+        let groupSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0), heightDimension: .fractionalWidth(0.5))
+        let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])
+        group.interItemSpacing = .fixed(10)
+
+        let section = NSCollectionLayoutSection(group: group)
+        section.interGroupSpacing = CGFloat(10)
+        section.contentInsets = NSDirectionalEdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10)
+
+        let configuration = UICollectionViewCompositionalLayout(section: section)
+
+        return configuration
     }
 
     @objc private func selectCalendarDate(sender: AnyObject) {