내 수준(초초초초초보)의 자료는 구하기가 힘들어 애플 공식 튜토리얼을 번역하기에 이르렀다.
처음 쓴 글에 어느 분이 댓글로 파이팅을 해 주는 바람에,
이 밤에 또 노트북을 열어 글을 적는다.
챕터1-에센셜스 화면 캡쳐
챕터 1) 스위프트유아이 기본: 화면 생성하기 와 화면 결합하기: [40분 소요]
이번 튜토리얼에서는 '랜드마크' 앱을 만들 수 있도록 도와줍니다.
-당신이 좋아하는 장소들을 찾고, 공유할 수 있도록 하는 앱이죠. 어떤 한 랜드마크(landmark- 자유의 여신상, 에펠탑 같은 잘 알만 한 장소)의 디테일을 보여 줄 수 있는 화면을 개발(build)을 시작할 거예요.
화면을 배치하기 위해서, 랜드마크는 '스택스(쌓기)'를 이용한 결합==>을 하고, 이미지와 텍스트(문자) 보기 요소들을 겹겹이 순서에 맞춰 배치합니다. 화면에 지도를 넣으려면, 표준 맵키트 (mapkit) 요소를 포함시켜야 해요. 화면의 디자인을 개선 시킴에 따라, 엑스코드는 실시간 피드백을 주기 때문에, 변화가 생기면 어떻게 코드로 변환이 되는지 볼 수 있게 됩니다.
이 프로젝트를 개발하기 위해, 엑스코드 13.1 이후 버전 다운로드 & 프로젝트 파일을 다운로드 후, 다음 단계로 넘어갑니다.
엑스코드 캔버스의 화면을 미리 보고 같이 쓰며, 튜토리얼 동안 설명드릴 모든 최신 기능을 사용하기 위해, 맥북+맥 OS 몬터레이 (Monterey) 또는 그 이후 버전이 필요해요.
*Step1* 엑스코드를 열면 뜨는 첫 창에서 "크리에이트 어 뉴 엑스코드 프로젝트(Create a new Xcode project)"를 클릭 또는, 컴퓨터 화면 왼쪽 상단 File=> New=> Project 선택
*Step2* 템플레이트 셀렉터( 견본 선택창)에서, iOS를 플랫폼으로 선택, App 템플레이트를 선택 그리고 Next 클릭.
*Step3* 프로덕트 네임 (Product name-어플이름) 칸에 "Landmarks" 입력, 인터페이스 (interface) 칸에 "SwiftUI" 선택, 랭귀지 (language-언어) 칸에 "Swift" 선택, Next 클릭 맥컴퓨터에 랜드마크( Landmarks) 프로젝트를 저장할 위치 선택
*Step4* 내비게이터 (화면 제일 왼쪽 라인을 부르는 말)에서, 랜드마크앱. 스위프트 (LandmarksApp.swift) 클릭
스위프트유아이 앱 형태를 사용하는 앱은=> 스위프트유아이 앱의 프로토콜(통신 규칙)과 같은 구조를 가집니다. 그 구조의 몸체(바디-body) 속성 (property) 은 하나, 또는 여러 개의 장면( Some Scene )으로 출력(return) 되는 데요, 디스플레이(보여주기)를 위해 콘텐츠를 제공하는 역할을 합니다. @main 속성은 그 앱의 시작 지점을 알려 주지요.
구조(스트럭쳐) 랜드마크앱: 앱 {
변수 몸체(바디): 1 또는 여러 개 장면 {
윈도그룹 {
*Step5* 내비게이터에서, 콘턴트뷰.스위프트 (ContentView.swift) 클릭
기본 값으로써, 스위프트유아이의 뷰 파일(view files)은 2개의 스트럭쳐(structure-구조;틀) 선언합니다. 첫 번째 스트럭쳐: 뷰 프로토콜(화면 통신 규칙)에 일치시켜, 화면의 내용과 레이아웃(배치)을 보여 주는 것입니다. 두 번째 스트럭쳐: 그 뷰의 미리 보기를 선언합니다.
