[03] 1주차: 버튼과 텍스트를 사용하여 UI 실습

 

🎯 실습 목표 (1주차 문법만 사용)

• Text와 Button을 사용해 UI를 구성할 수 있다.

• VStack을 사용하여 뷰를 정렬할 수 있다.

🛠️ 앱 구성 요소

1. Text: 기본으로 "버튼을 눌러보세요!" 라는 문구가 표시됨.

2. Button: 클릭하면 텍스트 출력.

3. VStack을 사용하여 UI를 정렬함.

📌 앱 동작 방식

1. 앱을 실행하면 "버튼을 눌러보세요!" 라는 텍스트가 표시됨.

2. 버튼을 누르면 콘솔에 "안녕하세요!" 출력

 

 

 

내 코드

import SwiftUI

struct ContentView: View {
    var message = "버튼을 눌러보세요!"
    var body: some View {
        VStack() {
            
            Text("\(message)")
            Button(action: {
                print("안녕하세요!")
            }) {
                Text("버튼")
                    .padding()
                    .background(Color.blue)
                    .foregroundStyle(.white)
                    .cornerRadius(8)
            }
        }
    }
}

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