[swift] 버튼과 텍스트 필드 사용하기

08 Dec 2023

swift

이번에는 Swift 프로그래밍 언어를 이용하여 텍스트 필드를 통해 사용자의 입력을 받고, 버튼을 통해 입력된 내용을 처리하는 방법에 대해 알아보겠습니다.

1. 텍스트 필드 추가하기

Swift에서 텍스트 필드를 사용하기 위해서는 UIKit 프레임워크의 UITextField 클래스를 이용합니다. 텍스트 필드를 화면에 추가하려면 다음과 같이 코드를 작성하면 됩니다.

import UIKit

class ViewController: UIViewController {
    let textField = UITextField()

    override func viewDidLoad() {
        super.viewDidLoad()
        // 텍스트 필드 속성 설정
        textField.frame = CGRect(x: 20, y: 100, width: 200, height: 30)
        textField.borderStyle = .roundedRect
        // 뷰에 텍스트 필드 추가
        view.addSubview(textField)
    }
}

위 코드에서 UITextField 인스턴스를 생성하고, 올바른 위치와 크기로 설정한 후, addSubview(_:) 메서드를 통해 뷰에 추가했습니다.

2. 버튼 추가하기

이어서 버튼을 추가하는 방법에 대해 살펴보겠습니다. 버튼은 UIKit 프레임워크의 UIButton 클래스를 사용하여 추가할 수 있습니다.

class ViewController: UIViewController {
    let button = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
        // 버튼 속성 설정
        button.frame = CGRect(x: 20, y: 150, width: 100, height: 30)
        button.setTitle("제출", for: .normal)
        button.setTitleColor(.blue, for: .normal)
        button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
        // 뷰에 버튼 추가
        view.addSubview(button)
    }

    @objc func buttonTapped() {
        // 버튼 클릭 시 처리할 내용
    }
}

위 코드에서는 UIButton 인스턴스를 생성하고, 제출 버튼의 위치, 크기, 타이틀, 액션 등을 설정한 후 뷰에 추가했습니다.

3. 사용자 입력 처리하기

마지막으로 사용자가 입력한 내용을 처리하기 위해서는 버튼의 액션 메서드를 사용합니다. 사용자가 버튼을 누르면 해당 액션 메서드가 호출되어 처리를 수행합니다.

@objc func buttonTapped() {
    guard let inputText = textField.text, !inputText.isEmpty else {
        // 입력값이 없을 경우 처리
        return
    }
    // 입력값이 있는 경우 처리
}

위의 코드에서는 텍스트 필드에 입력된 내용을 확인하고, 값이 비어있지 않다면 해당 내용을 처리하는 로직을 작성합니다.

이제 텍스트 필드와 버튼을 사용하여 사용자의 입력을 받고 처리하는 방법에 대해 알아보았습니다.

참고 자료: Apple Developer Documentation - UITextField, Apple Developer Documentation - UIButton

이렇게하면 Swift로 버튼과 텍스트 필드를 사용하는 방법을 설명하는 블로그 포스트를 작성할 수 있습니다.