[SwiftUI] SwiftUI로 첫 프로젝트 만들어보기

SwiftUI로 첫 프로젝트 만들어보기

새로운 프로젝트 만들기

Xcode를 열고 File - New - Project를 클릭한다.

처음 보이는 화면에서 iOS Tab을 선택한 이후에 App을 선탣한 후 Next를 눌러준다.

Product Name에 예시 원하는 이름을 적어준 이후에 Next를 클릭해준다.
이후에는 프로젝트를 원하는 위치에 생성해준다.

ContantView를 클릭하고 원하는 에뮬레이터를 선택해주면 아래 그림과 같이
"Hello, world!"가 적힌 페이지를 확인 해 볼 수 있다.

간단한 버튼과 Label로 Add를 누르면 숫자가 올가고 Minus를 누르면 숫자가 내려가는 프로그램을
짜볼 수 있다!

//
//  ContentView.swift
//  SwiftUITest
//
//  Created by Minseop Kim on 2022/07/25.
//

import SwiftUI

struct ContentView: View {
    @State private var runCount = 0

    var body: some View {
        VStack {
            Text("Number : " + String(runCount))
                .padding(/*@START_MENU_TOKEN@*/.all/*@END_MENU_TOKEN@*/)

            Button(action: {
                self.runCount = runCount + 1
               })
            {
                Text("Add Number")
            }
            .padding(/*@START_MENU_TOKEN@*/.all/*@END_MENU_TOKEN@*/)

            Button(action : {
                self.runCount -= 1
            }) {
                Text("Minus Number")
            }
            .padding(/*@START_MENU_TOKEN@*/.all/*@END_MENU_TOKEN@*/)
        }

    }

}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

이렇게 해서 프로젝트를 만들어 봤으니 앞으로 Apple 튜토리얼을 따라해 보도록 하자!

SwiftUI Apple 튜토리얼