스위프트로 UIKIT 방식, 아이폰 앱 개발, 페이지 이동 앱 만들기

본 강좌에서는 스위프트와 UIKIT을 사용하여 간단한 아이폰 앱을 개발하는 방법에 대해 알아보겠습니다. 이 앱은 여러 페이지 간의 이동 기능을 포함합니다. 이 과정을 통해 스위프트 언어에 대한 이해를 돕고, UIKIT의 기본 구조를 배우며, 실제로 작동하는 앱을 만드는 경험을 하게 될 것입니다.

1. 프로젝트 설정

먼저, Xcode를 열고 새 프로젝트를 만듭니다. “Single View App” 템플릿을 선택하고 다음 정보를 입력합니다.

Product Name: PageTransitionApp
Organization Name: YourName
Organization Identifier: com.yourname
Language: Swift
User Interface: Storyboard

프로젝트를 생성한 후, Xcode의 왼쪽 사이드바에서 Main.storyboard 파일을 클릭하여 스토리보드 찍을 수 있습니다.

2. UI 구성

스토리보드에서 기본 ViewController가 생성됩니다. 이 ViewController를 통해 다른 페이지(뷰)로의 이동을 구현할 것입니다.

UI 구성의 첫 단계로, 첫 번째 페이지를 구성해야 합니다. 다음 단계를 따라 진행하세요.

2.1 첫 번째 페이지 만들기

스토리보드에서 첫 번째 ViewController에 Label과 Button을 추가하세요.
Label의 텍스트를 “첫 번째 페이지”로 설정하고, Button의 텍스트를 “다음 페이지”로 설정합니다.

2.2 두 번째 페이지 만들기

스토리보드 창에서 ViewController를 클릭한 후, Editor 메뉴에서 Embed in > Navigation Controller를 선택합니다.
새로 생성된 Navigation Controller의 뿌리 ViewController를 선택하고, 새로운 ViewController를 추가합니다. 이 뷰는 두 번째 페이지가 될 것입니다.
두 번째 ViewController에도 Label과 Button을 추가합니다. Label의 텍스트를 “두 번째 페이지”로 설정하고, Button의 텍스트는 “뒤로 가기”로 설정합니다.

3. 코드 작성

이제 ViewController에 페이지 이동을 위한 코드를 추가할 시간입니다. ViewController.swift 파일을 열고 다음 코드를 추가합니다.

    import UIKit

    class ViewController: UIViewController {

        override func viewDidLoad() {
            super.viewDidLoad()
        }

        @IBAction func nextPage(_ sender: UIButton) {
            let secondViewController = storyboard?.instantiateViewController(identifier: "SecondViewController") as! SecondViewController
            self.navigationController?.pushViewController(secondViewController, animated: true)
        }
    }

3.1 두 번째 페이지 코드 작성

다음으로, 두 번째 페이지(즉, SecondViewController.swift)의 코드를 추가합니다.

    import UIKit

    class SecondViewController: UIViewController {

        override func viewDidLoad() {
            super.viewDidLoad()
        }

        @IBAction func goBack(_ sender: UIButton) {
            self.navigationController?.popViewController(animated: true)
        }
    }

4. 스토리보드 연결

이제 각 버튼을 코드와 연결해야 합니다. 스토리보드로 돌아가서 다음 단계를 수행합니다.

첫 번째 ViewController의 “다음 페이지” 버튼을 클릭한 후, Ctrl 키를 누르며 드래그하여 ViewController.swift에 위치한 nextPage 액션으로 연결합니다.
두 번째 ViewController의 “뒤로 가기” 버튼도 이와 비슷한 방법으로 goBack 액션에 연결합니다.

5. 앱 실행

모든 설정이 끝났습니다. 이제 시뮬레이터에서 앱을 실행해 볼 차례입니다. 앱이 실행된 후 처음 페이지에서 “다음 페이지” 버튼을 클릭하면 두 번째 페이지로 이동하고, 두 번째 페이지에서 “뒤로 가기” 버튼을 클릭하면 다시 첫 페이지로 돌아가는 기능을 확인할 수 있습니다.

6. 결론

이번 강좌에서는 스위프트와 UIKIT을 사용하여 간단한 페이지 이동 기능을 갖춘 아이폰 앱을 개발했습니다. 스토리보드와 코드 간의 연결, ViewController 간의 데이터 전송 및 페이지 이동에 대해 알아보았습니다. 이 강좌를 통해 스위프트의 기본 사용법과 UIKIT의 구조를 더 잘 이해할 수 있었길 바랍니다. 앞으로도 더 복잡한 앱으로 발전시켜 나가길 바랍니다.

더 궁금한 점이나 피드백이 있으시면 댓글로 남겨주세요. 감사합니다!