[swift] 스위프트 유레카 라이브러리에서 제공하는 테이블 뷰 컴포넌트의 사용법은 어떻게 되나요?

29 Nov 2023

swift

유레카(Eureka)는 스위프트에서 뷰 기반의 테이블 폼을 쉽게 구현할 수 있는 라이브러리입니다. 이 라이브러리를 사용하면 테이블 뷰를 간편하게 생성하고, 여러 가지 뷰 타입과 유효성 검사 등을 쉽게 구현할 수 있습니다.

라이브러리 설치하기

유레카 라이브러리를 사용하기 위해서는 먼저 패키지 매니저를 사용하여 해당 라이브러리를 설치해야 합니다. CocoaPods를 사용한다면 Podfile에 다음과 같이 추가합니다.

pod 'Eureka'

설치가 완료되면 프로젝트를 다시 빌드합니다.

사용 방법

유레카 라이브러리를 사용하여 테이블 뷰 컴포넌트를 생성하는 방법은 아래와 같습니다.

Form 객체 생성하기

let form = Form()

Section 객체 생성하기

let section = Section()

Row 객체 생성하기

let row = TextRow("name").cellSetup { cell, row in
    cell.textField.placeholder = "이름을 입력하세요"
}

Row 객체를 Section에 추가하기

section.append(row)

Section 객체를 Form에 추가하기

form.append(section)

FormViewController를 사용하여 테이블 뷰 컨트롤러 생성하기

let vc = FormViewController()
vc.form = form

생성한 테이블 뷰 컨트롤러를 push 또는 present하여 화면에 표시하기

navigationController?.pushViewController(vc, animated: true) // push

present(vc, animated: true, completion: nil) // present

예제

아래는 유레카 라이브러리를 사용한 테이블 뷰 컴포넌트 예제입니다.

import UIKit
import Eureka

class ViewController: FormViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Form 객체 생성
        let form = Form()
        
        // Section 객체 생성
        let section = Section()
        
        // TextRow 객체 생성
        let row = TextRow("name").cellSetup { cell, row in
            cell.textField.placeholder = "이름을 입력하세요"
        }
        
        // Row 객체를 Section에 추가
        section.append(row)
        
        // Section 객체를 Form에 추가
        form.append(section)
        
        // FormViewController에 생성한 Form 객체 설정
        self.form = form
    }

    @IBAction func submitButtonTapped(_ sender: UIButton) {
        // 입력 값 확인 및 처리
        if let nameRow = form.rowBy(tag: "name") as? TextRow {
            if let name = nameRow.value {
                print("입력한 이름은 \(name)입니다.")
            }
        }
    }

}

이 예제에서는 FormViewController를 상속받은 뷰 컨트롤러를 사용하여 테이블 뷰가 표시됩니다. Form 객체를 사용하여 테이블 뷰의 구조를 설정하고, Section과 Row 객체를 추가하여 각각의 셀을 생성하고 설정할 수 있습니다.

위 예제에서는 이름을 입력받는 TextRow를 생성하고, 입력이 완료되면 Submit 버튼을 누르면 입력된 값을 출력하도록 처리하였습니다.

더 자세한 기능과 사용법은 Eureka 공식 문서를 참고하시기 바랍니다.