MungGu Story

SwiftUI로 코드를 작성하면 Preview기능을 통해서 보다 빠르게 코드작성 결과를 UI로 볼 수 있습니다. 오늘은 간단하게 SwiftUI의 Preview 보는 방법을 알아보겠습니다. SwiftUI 코드작성 결과 Preview로 띄워서 확인하는 방법 먼저 프로젝트를 생성해야겠죠? Xcode를 실행하고, Command + Shift + N 단축키를 눌러숩니다. 이후 iOS -> "App" 메뉴를 선택해주세요. 프로젝트를 생성할때 SwiftUI 옵션으로 선택해서 생성해주세요. 그러면 위와 같은 화면이 나올 겁니다. SwiftUI의 Preview기능을 사용하려면, PreviewProvider 프로토콜을 채택한 타입이 있어야하는데, 초기 생성된 프로젝트를 보시면, ContentView.swift파일 내에 P..

오늘은 간단하게 SwiftUI를 사용해서 수직방향의 VStack 안에 다양한 TextView를 표현하는 예제를 만들어 보겠습니다. 해당 예제는 스윗한 SwiftUI 책을 참고했습니다. VStack에 다양한 Text 표현하기 먼저, SwiftUI를 사용하기위해 프로젝트를 만들어야 겠죠? XCode -> SingleView에서 프로젝트를 만듭니다. User Interface는 Storyboard 대신 SwiftUI를 선택해줍니다. SwiftUI로 프로젝트를 생성하면 위와 같이 기본적인 코드가 작성되어있을 텐데요. body 내에 뷰에 들어갈 UI와 modifier를 지정해서 뷰를 그려줍니다. 위의 UI는 "SwiftUI"라는 텍스트가 .title 폰트 + 검정 배경색으로 표출됩니다. SwiftUI의 장점은 프..

View 뷰뷰(View)는 SwiftUI로 앱 개발을 할 때 앱의 유저 인터페이스의 일부를 표현하며, 이러한 View들을 설정하는데 사용하는 변형자(modifiers) 메서드를 제공합니다. Declaration View 선언방법 SwiftUI의 구성물 중 하나인 View는 프로토콜 구조로 되어있습니다. SwiftUI 프레임워크에 속해있으며, iOS 13.0 / macOS 10.15 / watchOS 6.0 이상에서 사용 가능합니다. Overview 개요View 프로토콜을 채택, 준수한 타입을 통해서 커스텀 뷰를 생성할 수 있습니다. View 프로토콜을 채택 후, body 라는 계산 프로퍼티를 구현해야합니다. 구현된 body 계산 프로퍼티는 커스텀 뷰의 컨텐츠를 제공하는데에 사용합니다. 위와 같이 View..

Views and Controls 뷰와 컨트롤SwiftUI의 View, Control은 스크린 상의 컨텐츠를 표현하고, 사용자 이벤트를 처리하는데 사용됩니다. Overview 개요뷰(View) 와 컨트롤(Control) 앱 유저 인터페이스의 시각적인 구조 블록입니다. View와 Control을 사용하면 스크린 상에 앱의 컨텐츠를 띄울 수 있습니다. View와 Controls의 역할을 간략하게 보자면 아래와 같습니다.- View는 텍스트, 이미지, 모양, 커스텀 그림 등의 구성물들을 표현할 수 있습니다. - Control은 현재 개발 중인 앱의 플랫폼에 적응하는 API등과 관련하여 이루어지는 유저와의 상호작용을 가능하게 해줍니다. modifier 메서드시각적 관계와 계층을 명시하는 컨테이너들을 사용해서 V..