오직 스위프트

섹션6 디테일뷰 조합하기 자, 이제 필요한 모든 부품들이 다 모였습니다. -장소 이름, 동그란 이미지, 지도. 지금까지 이용해 온 도구들을 사용해서, 당신의 커스텀 뷰를 조합 하고, 랜드마크 디테일뷰의 최종 디자인 생성을 합니다. 스텝1 네비게이터 영역에서, ContentView.swift 파일을 선택합니다. 스텝2 3개의 텍스트뷰를 안고 있는 VStack 을 끼워 넣기 합니다. 스텝3 스택(Stack) 상단에 커스텀 MapView 를 추가합니다. 맵뷰 사이즈를 설정합니다. frame(width:height:) '높이' 한도만 설정 할 때 , 뷰는 자동으로 내용물(컨텐츠)의 '넓이' 사이즈를 생성합니다. 이 경우에, 맵뷰 (MapView) 는 가능한 공간을 채우기 위해 확장합니다. *stack 스택: 쌓..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1 -기초1: 뷰 생성 및 조합 (6 섹션) 2023. 6. 17. 23:10

섹션5 다른 프레임워크에서 SwiftUI 뷰 사용하기 다음은 지정 좌표를 중심에 놓는 지도를 생성합니다. 지도를 렌더링하기 위해서 MapKit 에서 Map 뷰를 사용합니다. *Map 맵: 지도 *Kit 키트: 모음,세트 *render 렌더: 만들다,제시하다,제출하다,제공하다,주다 시작하기 전에, 당신의 지도 작업을 위해서 새로운 커스텀 뷰를 하나 생성합니다. 스텝1 File=>New=>File 을 고르고, iOS 를 플랫폼으로 선택, "SwiftUI View" 템플릿을 고르고, Next 클릭 한다. 새 파일 이름을 "MapView.swift"로 한 후, Creat 를 클릭한다. 스텝2 import 선언으로 MapKit 를 추가한다. 같은 파일 안에서 SwiftUI 그리고 다른 프레임워크를 불러올때, (i..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1 -기초1: 뷰 생성 및 조합 (6 섹션) 2023. 6. 17. 16:25

섹션4 커스텀 이미지 뷰 생성하기 *(custom:개인의 습관, 주문한,맞춤의) 랜드마크의 이름과 위치 뷰가 완성되었다면, 다음 단계는 이미지를 하나 생성하는 것입니다. 이 파일에 코드를 추가하는 것 대신에, 마스크,보더,드랍섀도를 이미지에 적용하여 커스텀 뷰를 생성 해 보겠습니다. 마스크: mask = 가리기 보더: border = 경계 드랍섀도: drop shadow =그림자 효과 프로젝트의 자산(asset) 카탈로그에 이미지를 추가 한 후, 시작합니다 스텝1 프로젝트 파일의 리소스(resources) 폴더에서 turtlerock@2x.jpg 파일을 찾으세요;==>아래 파일 첨부함 자산(asset) 카탈로그의 편집창으로 드래그 하세요. ==> 네비게이터 영역의 Assets.xcassets 클릭 하면 ..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1 -기초1: 뷰 생성 및 조합 (6 섹션) 2023. 6. 16. 13:33

혼자 먼저 번역하고, 나중에 한 번에 보면서 공부 하려고 했는데, 방문자들이 좀 생기니까, 좀 더 잘 써보고 싶은 욕심이 생긴다. 먼저 말했듯이, 개발을 하려고 한 것이 아니고, 맥북을 샀는데, 유용하게 써먹고 싶어서 스위프트를 만져보는 것이다. 공부 자료가 시중에 많이 없어, 애플 공식 튜토리얼을 번역을 하고 있다. 내가 쓰는 글이 혹시라도 번역하기 번거로운 사람들에게 1톨의 도움이라도 되길 바란다. 그리고 성공해서, 좋은 아이폰 앱 많이 많이 만들어 주시길 바란다. 오늘은 애플 공식 튜토리얼 [챕터1-기본] 중에서 "섹션3-스택을 이용해서 뷰 조합하기" 편을 번역 해 보려고 한다. 이 섹션은 총9가지 스텝으로 이루어져 있다. 먼저 섹션3 설명 화면이다. 섹션3 스택(쌓기)를 사용해서 뷰 조합하기 지난..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1 -기초1: 뷰 생성 및 조합 (6 섹션) 2023. 6. 15. 15:30

독학 자료 챕터1은 스위프트유아이의 기본 지식을 알려주는데요, [ 섹션1-프로젝트 생성 ]은 지난 블로그에 완료 했고, 오늘은 섹션2: 텍스트뷰 내마음대로 하기 (개발자들은 '사용자화'라고 쓰겠지) 번역을 해 본다. 섹션2 텍스트(문자) 보이는 모습을 내 마음대로 하기 어떤 것이 가능한지 발견하기 위해서, 그리고 당신이 코드를 작성하는데 돕기 위해서, 당신의 코드를 바꾸거나, 인스펙터 (엑스코드 제일 오른쪽에 속성 바꾸는 긴 상자) 를 사용해서, 화면에 나타나는 것을 마음대로 만들 수 있습니다. '랜드마크'앱을 만들기 위해서, 편집기의 그 어떤 조합도 사용 할 수 있습니다. : 소스 에디터(코드 입력칸), 캔버스,인스펙터 박스 당신이 어떤 도구(tool)을 사용 하는지 관계 없이, 코드는 업데이트 됩니다..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1 -기초1: 뷰 생성 및 조합 (6 섹션) 2023. 6. 14. 20:47

맥북을 사버린 바람에 스위프트를 공부를 시작한 영어쟁이. 내 수준(초초초초초보)의 자료는 구하기가 힘들어 애플 공식 튜토리얼을 번역하기에 이르렀다. 처음 쓴 글에 어느 분이 댓글로 파이팅을 해 주는 바람에, 이 밤에 또 노트북을 열어 글을 적는다. 챕터 1) 스위프트유아이 기본: 화면 생성하기 와 화면 결합하기: [40분 소요] 이번 튜토리얼에서는 '랜드마크' 앱을 만들 수 있도록 도와줍니다. -당신이 좋아하는 장소들을 찾고, 공유할 수 있도록 하는 앱이죠. 어떤 한 랜드마크(landmark- 자유의 여신상, 에펠탑 같은 잘 알만 한 장소)의 디테일을 보여 줄 수 있는 화면을 개발(build)을 시작할 거예요. 화면을 배치하기 위해서, 랜드마크는 '스택스(쌓기)'를 이용한 결합==>을 하고, 이미지와 텍..

스위프트UI 튜토리얼 챕터1 SwiftUI Essentials/챕터1 -기초1: 뷰 생성 및 조합 (6 섹션) 2023. 6. 14. 01:08