플레이그라운드 사용

xcode의 플레이그라운드 기능은 스위프트에 대해 공부하거나 iOS sdk를 좀 더 쉽게 테스트 해볼 수 있도록 설계된 xcode 기능이다 플레이크라운드는 스위프트 코드를 입력하면 실시간으로 결과가 실행되는 인터렉티브 환경이다

 

퀵 룩 (Quick Look) 눈동자 모양

위 사진에서 눈동자 모양을 누르면 퀵 룩 기능을 사용할 수 있다 퀵룩은 중간 매개변수나 결과에 대한 정보를 쉽게 볼수 있다

 

Show Result 버튼 네모

위 퀵룩과 기능은 같지만 버튼을 누른다면 결과를 코드 아래에 출력시켜준다

 

주석 처리

swift에서 주석 처리는 한줄일 때 //: 와 여러줄일 때 /*: */ 를 사용한다

또한 여기서 마크다운 문법을 써서 표시할 수 있다 만약 마크다운 문법을 사용해서 작성하고 editor -> show redered markup을 활성화 시킨다면 마크다운 문법으로 표현 할 수 있다

이렇게 작성하면 코드 보기에는 좋지만 해당 주석을 바로 수정할 수가 없다는 단점이 존재한다

 

라이브 뷰

swiftuif를 이용해서 뷰의 프로토타입을 만들 수 있을 뿐만 아니라 해당 뷰를 실행하고 상호작용 할 수 있다

import SwiftUI
import PlaygroundSupport

struct Exampleview: View {
    var body: some View {
        VStack {
            Rectangle()
                .fill(Color.blue)
                .frame(width: 200, height: 200)
            Button(action: {
            }){   Text("Rotate")
            }
        }
        .padding(10)
    }
}

PlaygroundPage.current.setLiveView(Exampleview().padding(100)) //: 라이브 뷰 할당 코드

코들를 작성하고 editor -> live view를 활성화 시킨다면 작성한 뷰를 볼 수 있다

버튼 클릭시 60도씩 회전하는 코드

import SwiftUI
import PlaygroundSupport

struct Exampleview: View {
    
    @State private var rotation: Double = 0
    
    var body: some View {
        VStack {
            Rectangle()
                .fill(Color.blue)
                .frame(width: 200, height: 200)
                .rotationEffect(.degrees(rotation))
                .animation(.linear(duration: 2), value:rotation)
            Button(action: {
                rotation = (rotation < 360 ? rotation + 60 : 0)
            }){   Text("Rotate")
            }
        }
        .padding(10)
    }
}

PlaygroundPage.current.setLiveView(Exampleview().padding(100))

SwiftUI 기반의 iOS 프로그래밍 참고