SwiftUI 튜토리얼 [챕터1-기초2-섹션3: Row 미리보기 꾸미기] 애플 공식자료 번역

섹션3

Row Preview(프리뷰:미리보기) 꾸미기

 

엑스코드의 캔버스는 자동으로 현재 에디터창에 입력하는 글을 인식하고, 디스플레이 합니다.

이것은 Preview Provider 프로토콜에 일치합니다.

프리뷰 프로바이더는 사이즈와 디바이스 환경설정 선택으로 진행합니다.

 

*PreviewProvier 에 실행된 컨텐트를 꾸미고, 필요한 프리뷰를 구현 해 보세요.

[필수 영어 단어]

1)row 로우: 가로 열
2)preview 프리뷰: 미리보기
3)provider 프로바이더: 제공자
4)protocol 프로토콜: 통신 약속
5)device 디바이스: 기기 (폰,패드,노트북)
6)modifier 모디파이어: 수식어

---

스텝1

 

LandmarkRow_Previews 에서, 랜드마크의 parameter(한계치)를 업데이트하여,

랜드마크 배열의 두번째 요소를 만듭니다.

 

*프리뷰는 첫번째가 아닌, 두번째 샘플 랜드마크로 즉시 변경해 보여줍니다.

---

스텝2

 

프리뷰 Layout(_: ) 모디파이어를 사용하여,

리스트안의 가로 열에 맞는 크기를 만듭니다.

---

Group (그룹)을 사용하여, PreviewProvider 의 다양한 프리뷰를 실행합니다.

 

스텝3

 

실행된 row (가로열)를 Group 안으로 감싸넣고, 첫번째 row를 다시 추가합니다.

 

*Group는 뷰 콘텐트들을 묶어 넣는 박스입니다.

엑스코드는 캔버스에 그룹속 뷰 (child view)들을 분리시켜 프리뷰에 보여줍니다.

---

스텝4

 

코드를 간단히 하기위해, previewLayout (_: ) 를 움직여서 그룹내 선언 밖으로 향하게 합니다.

 

*뷰의 자식들(children)은 프리뷰의 배치 등과 같은 관련 설정들을 물려받습니다. 

---

preview provider  에 작성한 코드는 캔버스 디스플레이만 변경 시킬 뿐이다.

 

 

[챕터1-기초2-섹션3: Row 미리보기 꾸미기]  완료!

다음은 섹션4

https://ingodwelove.tistory.com/15

SwiftUI 튜토리얼 [챕터1-기초2-섹션4: 랜드마크의 리스트 만들기] 애플 공식자료 번역