[ Project ] Book search APP 3

  ②  담기 및 X 버튼 구현  

 

1. 담기 및 X 버튼은 플로팅 버튼

X 와 담기 버튼의 너비 비율은 1:3~4 

cancelButton.widthAnchor.constraint(equalTo: buttonStackView.widthAnchor, multiplier: 1/4),
cancelButton.heightAnchor.constraint(equalTo: buttonStackView.heightAnchor),

cartButton.widthAnchor.constraint(equalTo: buttonStackView.widthAnchor, multiplier: 3/4),
cartButton.heightAnchor.constraint(equalTo: buttonStackView.heightAnchor)

 

담기 버튼을 탭

 

해당 책은 담은 책 목록 화면에서 볼 수 있습니다.

모달은 닫힘

 

[ CoreData CRUD ]

1. 책 상세 화면에서 데이터 저장 (Create):

담기 버튼 클릭 > CoreData에 새로운 책 엔티티를 생성, 저장

2. 책 목록 화면에서 데이터 조회 (Read):

앱 시작 시, CoreData에서 저장된 책 데이터를 불러와서 목록을 표시

3. 책 목록에서 데이터 삭제 (Delete):

삭제 버튼을 눌러 CoreData에서 해당 책 엔티티를 삭제

 

책정보나 고객정보 업데이트가 없기에

U는 이 프젝에선 필요가 없다!

 

3. X 버튼을 탭 하면 모달은 닫힘

 

1. Core Data 컨텍스트 가져오기:

Core Data 컨텍스트를 가져오는 방법을 설정합니다. 

2. 담기 버튼 클릭 액션 추가:

 담기 버튼을 클릭할 때 ISBN을 Core Data에 저장하도록 구현

 

 

버튼 클릭시 알럿창 띄우고 Core Data에 책번호 저장 완료

@objc private func cartButtonTapped() {
        guard let book = book else {
            print("Book is nil")
            return
        }
        
        if let isbn = book.isbn {
            let context = (UIApplication.shared.delegate as! AppDelegate).persistentContainer.viewContext
            
            let bookNum = BookNum(context: context)
            bookNum.isbn = isbn
            
            do {
                try context.save()
                print("Book saved to Core Data")
                
                let alert = UIAlertController(title: "성공", message: "책이 담기 목록에 추가되었습니다.", preferredStyle: .alert)
                alert.addAction(UIAlertAction(title: "확인", style: .default))
                self.present(alert, animated: true)
                
            } catch {
                print("Failed to save book: \(error.localizedDescription)")
            }
        } else {
            print("ISBN is nil")
        }
    }

 

 

  ③ 선택 및 추가 구현사항  

1.  책 상세 화면은 컨텐츠 양에 따라 스크롤 할 수 있도록 구현

즉, 스크롤과 상관없이 항상 화면 위에 노출되어야합니다.

 

2. 담기 버튼 후 모달 이 닫힌 후 담은 책 목록에 추가되었다는 alert창 띄우기

 

Delegate 패턴을 활용해봅니다.

 

 

 🍏  3 - 2. 담기 화면  

  ①  담기 화면 UI 구현  

 

앱을 종료하고 다시 시작해도 담은 책 목록은 남아있어야합니다.

전체 삭제 버튼을 누르면 담았던 모든 책이 지워집니다.

 

 

  스와이프 등의 방식을 통하여 담은 책 개별삭제  

 

 private func deleteBook(at indexPath: IndexPath) {
        guard let appDelegate = UIApplication.shared.delegate as? AppDelegate else { return }
        
        let managedContext = appDelegate.persistentContainer.viewContext
        let fetchRequest: NSFetchRequest<BookNum> = BookNum.fetchRequest()
        
        do {
            let bookEntities = try managedContext.fetch(fetchRequest)
            let bookToDelete = bookEntities[indexPath.item]
            managedContext.delete(bookToDelete)
            try managedContext.save()
            
            books.remove(at: indexPath.item)
            collectionView.deleteItems(at: [indexPath])
        } catch let error as NSError {
            handleError(error)
        }
    }
    
    
    func didSwipeCell(_ cell: CartListCell) {
        if let indexPath = collectionView.indexPath(for: cell) {
            showDeleteConfirmation(for: indexPath)
        }
    }
    
    private func showDeleteConfirmation(for indexPath: IndexPath) {
        let alertController = UIAlertController(title: "책 삭제", message: "이 책을 삭제하시겠습니까?", preferredStyle: .alert)
        
        let deleteAction = UIAlertAction(title: "삭제", style: .destructive) { [weak self] _ in
            self?.deleteBook(at: indexPath)
        }
        let cancelAction = UIAlertAction(title: "취소", style: .cancel, handler: nil)
        
        alertController.addAction(deleteAction)
        alertController.addAction(cancelAction)
        
        present(alertController, animated: true, completion: nil)
    }

 

 private func addSwipeGestureRecognizer() {
        let swipeGesture = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipe))
        swipeGesture.direction = .left // Set swipe direction (e.g., left swipe)
        contentView.addGestureRecognizer(swipeGesture)
    }
    
    @objc private func handleSwipe() {
        delegate?.didSwipeCell(self)
    }

---

 

추가로 구현해야 하는 부분

▷ 담기 버튼을 탭하면 alert창이 뜨게 구현이 되어 있음 alert버튼 클릭시 상세정보 모달은 닫히도록 구현 필요

▷ X 버튼을 탭 하면 모달은 닫히도록 구현 필요

▷ 추가 버튼을 통해 검색 화면으로 전환하는 기능을 구현해야 합니다.

▷  Level 5 - 무한 스크롤 기능 구현, MVVM 리팩토링 (선택)

▷ 검색된 결과를 최신순, 정확도 순으로 정렬  

▷ 1페이지당 20개의 결과물 도출   

▷ 검색 필드 제한 타이틀, 저자  

---