SeSAC_iOS_Day 15 | TIL

👩‍💻 カリキュラムと追加学習

📂 RawString

var notice = #"온라인 라이브 수업은 "Zoom"으로 진행합니다."#

var notice = #"온라인 라이브 수업은 \Zoom\으로 진행합니다."#

var notice = #"온라인 라이브 수업은 \#n\Zoom\으로 진행합니다."#

var onlineService = "WhaleOn"
var notice = #"온라인 라이브 수업은 \#(onlineService)으로 진행합니다."#

📂 WKWebView & Search Bar

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
	// guard 문으로 searchBar에 입력된 문자열을 URL로 변경해주고 request 후 그 결과를 webView에 띄워준다.
        guard let url = URL(string: searchBar.text ?? "") else {
            print("ERROR")
            return
        }
        
        let request = URLRequest(url: url)
        webView.load(request)
    }

すべてのドメインに対してHTTP通信を許可する:安全性の面でこの方式を採用することを提案しない

📂 UICollectionView

1.CollectionView Outletへの接続

@IBOutlet var tagCollectionView: UICollectionView!

2. CollectionView Protocol: UICollectionViewDelegate, UICollectionViewDataSource

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 10
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        // 이 코드 대신 tag 설정해두고 사용해도됨
        return collectionView == tagCollectionView ? 10 : mainArray.count
    }

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: TagCollectionViewCell.identifier, for: indexPath) as? TagCollectionViewCell else {
                return UICollectionViewCell()
            }
         return cell
    }

3.Delegte、データソース接続

tagCollectionView.delegate = self
tagCollectionView.dataSource = self

4.XIB登録

let secondNibName = UINib(nibName: TagCollectionViewCell.identifier, bundle: nil)
tagCollectionView.register(secondNibName, forCellWithReuseIdentifier: TagCollectionViewCell.identifier)

📂 UICollectionViewFlowLayout

FlowLayout instrumsの作成

let layout = UICollectionViewFlowLayout()

itemSizeの設定

// 각 셀과 셀 사이의 간격 설정
let spacing: CGFloat = 20
// 3개의 열로 세팅하기 위해서 전체 폭에서 4개의 간격만큼 값을 빼줌
let width = UIScreen.main.bounds.width - (spacing * 4)
// 전체 폭을 3으로 나눈 값만큼 폭을 설정해주고 이에 비례하여 높이도 설정해줌
layout.itemSize = CGSize(width: width / 3, height: width / 3 * 1.2)

minimumLineSpacing

layout.minimumLineSpacing = spacing

minimumInteritemSpacing

layout.minimumInteritemSpacing = spacing

scrollDirection

layout.scrollDirection = .vertical

sectionInset

layout.sectionInset = UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing)

応用Layout

mainCollectionView.collectionViewLayout = layout

Tag - AddTarget & ReloadRows

var mainArray = Array(repeating: false, count: 100)

let item = mainArray[indexPath.item]
let image = item == true ? UIImage(systemName: "heart.fill") : UIImage(systemName: "heart")
cell.heartButton.setImage(image, for: .normal)
cell.mainImageView.backgroundColor = .red
cell.heartButton.tag = indexPath.item

cell.heartButton.addTarget(self, action: #selector(heartButtonTapped(selectButton:)), for: .touchUpInside)

@objc func heartButtonTapped(selectButton: UIButton) {
        mainArray[selectButton.tag] = !mainArray[selectButton.tag]
        mainCollectionView.reloadItems(at: [IndexPath(item: selectButton.tag, section: 0)])
    }

👩‍💻 Mission

Core Location