🤟🏻 3주차 세미나 - 2

[ena-isme]

3주차

3주차 세미나 -2 에서는 간단한 갤러리 클론 코딩을 통하여 CollectionTableView 에 대한 개념을 공부하였습니다.

주요코드

PhotoCollectionViewCell 파일 내에서 Closure 를 저장할 수 있는 Optional Stored Property 구현한 뒤, heartButtonTap 하였을 때 클로저가 호출되고, VC 에서는 클로저 구문이 실행됩니다. 옵셔널이기 때문에 바인딩해서 사용하는 것이 더 좋습니다!

또한 cellForItemAt 을 통하여 스크롤을 맨 아래까지 내렸다가 다시 올라와도 하트tap 여부가 남아있도록 수정하였습니다.

//PhotoCollectionViewCell 파일 내부
var handler: (() -> (Void))?
...
@objc
    func heartButtonTapped() {
        handler?()
    }

//PhotoViewControllerl 파일 내부
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        
        guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: PhotoCollectionViewCell.identifier, for: indexPath) as? PhotoCollectionViewCell else { return UICollectionViewCell() }
        
        cell.configureCell(dummyCase[indexPath.item])
        
        cell.handler = { [weak self] in
            guard let self else { return }
            self.dummyCase[indexPath.item].heartTapped.toggle()
        }
        
        return cell
    }

heartImage 를 따로 asset에 추가해주지 않아도 내부에서 불러올 수 있는지 처음 알았습니다!

func updateButton() {
        let image = isTapped ? "heart.fill" : "heart"
        button.setImage(UIImage(systemName: image), for: .normal)
    }

실습결과

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-08-01.at.17.32.07.mp4

#6