티스토리 뷰

Mobile/ios

[ios] ios 1: Hello, Swift!

춘햄 2022. 12. 12. 17:32

그 동안 swift 기반 ios App을 제작하기에 앞서 swift의 기본적인 문법을 다뤘다. 

 

이제 길었던 문법 정리를 끝내고, 본격적으로 xCode에서 ios 앱을 직접 만들어보면서 공부할 시간이다! 

 

언어를 처음 시작하면 Hello, World 부터 배우는 것처럼 마찬가지로 레이블 2개와 텍스트 필드, 버튼으로 구성된 간단한 어플, "Hello, Swift" 를 만들어보자.

 

- 기본적인 xCode의 단축키나 프로젝트 생성 방법 등은 따로 다루지 않을 예정이다.


우선, example_project1 이라는 이름으로 프로젝트를 하나 생성하고, 스토리보드에 아래와 같이 library를 추가한다.

(라이브러리 추가 단축키는 cmd + shift + L)

 

스토리보드 셋팅 후에 assistance 창 viewController.swift에 @IBOutlet 변수와 @IBAction 메서드를 아래와 같이 선언한다.

@IBOutlet 변수와 @IBAction 메서드는 모두 스토리보드의 엘리먼트와 connect한 뒤 사용할 수 있는 객체들이기 때문에 왼쪽 동그라미를 눌러 드래그 하여 각 스토리보드의 엘리먼트와 연결시킨다.

 

 

이후에 아래와 같이 send 버튼의 클릭 이벤트를 작성해주면, 끝이다.

//
//  ViewController.swift
//  example_project1
//
//  Created by choonham on 2022/12/12.
//

import UIKit

class ViewController: UIViewController {

    @IBOutlet var lblHello: UILabel!
    @IBOutlet var lblSwift: UILabel!
    @IBOutlet var lblName: UILabel!
    @IBOutlet var textField: UITextField!
    @IBOutlet var sendBtn: UIButton!
    
    override func viewDidLoad() {
        
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    @IBAction func btnSend(_ sender: UIButton) {
        lblHello.text = "Hello, " + textField.text!
    }

}

돌려보면, send를 눌렀을 때 label의 text가 바뀌는 간단한 예제를 확인할 수 있다.

 

끝!

Comments