본문 바로가기

Preview Canvas2

[iOS/SwiftUI] 내가 그린 화면 미리보기, 프리뷰 캔버스(Preview Canvas) Xcode로 프로젝트를 생성했다면, 직접 구성한 코드가 화면에 어떤 방식으로 구성되는지 실시간 확인할 수 있는 SwiftUI의 강력한 도구, 프리뷰 캔버스(Preview canvas)에 대해 살펴볼 필요가 있습니다. 프리뷰 캔버스 (Preview Canvas)의 역할과 기능 사용자 인터페이스 설계에 대한 시각적 표시 및 유용한 도구 제공 앞선 포스팅의 마무리에서 언급한 바와 같이, 기존 UIKit에서 제공하지 않는, SwiftUI만의 유용한 기능입니다. (최근엔 Extension을 추가하여 확인한다고는 하지만, 언제까지나 임시방편일 뿐) 쉽게 말해, 시뮬레이터를 Build하지 않고도, 앱을 테스트 할 수 있게 됩니다! 프리뷰 캔버스의 구성 프리뷰 캔버스의 버튼 및 영역은 크게 4개 요소 로 구성됩니다 (.. 2023. 1. 16.
[iOS/SwiftUI] Xcode로 SwiftUI 프로젝트 만들기 SwiftUI 프레임워크를 활용한 앱 개발 시작을 위해, 'Project는 어떻게 실행하고', '화면을 어떤 방식으로 구상하는지' 와 같은 지극히 기초적인 사항부터 살펴보도록 하겠습니다. (X-Code와 관련된 내용은 개별 포스팅에서 다룰 예정입니다) 새로운 Project 생성하기 SwiftUI를 다루기에 앞서 우선 새로운 Project를 생성하도록 하겠습니다. Project 생성 XCode에서 File을 선택 후, 상단 메뉴에서 File ➟ New ➟ Project를 선택합니다. 또는, 처음 XCode를 실행할 때 생성되는 창에서 Create a new Xcode project를 선택합니다. Project Options 선택 다양한 종류의 개발 template 카테고리 중, iOS로 분류한 후 App을.. 2022. 12. 24.