SwiftUI 튜토리얼 [챕터1-기초2-섹션8: 다양한 애플기기로 미리보기 ]
섹션8
다양한 애플기기로 미리 보기
다음은
LandmarkList_Previews 프리뷰 프로바이더에 코드를 추가해서 리스트뷰를 다른 디바이스 사이즈로 렌더링 한다.
기본값으로, 미리 보기는 다른 디바이스 사이즈에 맞추어 리스트 뷰를 렌더링 한다.
'previewDevice(_: ) 모디파이어' 메써드로 미리 보기 디바이스를 바꿀 수 있다.
[필수 영어 단어]
1)device 디바이스: 기기
2)instance 인스턴스: 사례, 예
3)string 스트링: 줄, 끈, 조건
4)identifier 아이덴티파이어: 식별자
5)method 메써드: 방법
스텝1
현재 리스트의 미리 보기를 바꾸어서 아이폰 SE 사이즈로 렌더링 한다.
*엑스코드의 스킴 메뉴에 있는 다른 기종 이름을 넣어 봐도 된다.
스텝2
리스트 미리 보기 안에, 데이터로써 각 기종 이름을 LandmarkList를 'ForEach 인스턴스'안에 배열해서 넣어준다.
*ForEach는 컬렉션에서 리스트와 같은 방식으로 운영한다. 이 말은, 스택, 리스트, 그룹 등, 차일드뷰를 사용하는 어디든지 사용할 수 있다. 데이터 요소가 심플 밸류 타입(simple value type-간단한 값 타입) 이라면 -여기서 사용하는 string 같은- identifier(아이덴티파이어) key path (핵심연결통로)로써 \.self 를 사용 할 수 있다.
스텝3
'previewDisplayname(_: ) 모디파이어'를 사용해서, preview의 라벨로써 기기 이름을 추가한다.
스텝4
캔버스에서 다른 기계로 뷰의 렌더링을 비교하기 위해서 실험해 볼 수 있다.
챕터1 기초2 섹션 모두 8/8완료~
다음은 챕터1 기초3 섹션1
https://ingodwelove.tistory.com/20
SwiftUI 튜토리얼 [챕터1-기초3-섹션1: 유저가 즐겨찾는 랜드마크 표시]
스위프트 유아이 튜토리얼- 애플 공식 자료 번역 챕터1:기초 기초3:유저 인풋(입력) 다루기 (총 6섹션) 랜드마크앱에서, 유저는 즐겨 찾는 장소에 깃발을 꽂을 수 있으며, 리스트를 필터링하여 즐
ingodwelove.tistory.com
SwiftUI 튜토리얼 [챕터1-기초2-섹션7: 차일드뷰에 데이터 전송하기] 애플 공식자료 번역 (2) | 2023.06.23 |
---|---|
SwiftUI 튜토리얼 [챕터1-기초2-섹션6: 리스트와 디테일 내비게이션 설정] 애플 공식자료 번역 (0) | 2023.06.22 |
SwiftUI 튜토리얼 [챕터1-기초2-섹션5: 리스트를 다이나믹하게] 애플 공식자료 번역 (2) | 2023.06.21 |
SwiftUI 튜토리얼 [챕터1-기초2-섹션4: 랜드마크의 리스트 만들기] 애플 공식자료 번역 (0) | 2023.06.20 |
SwiftUI 튜토리얼 [챕터1-기초2-섹션3: Row 미리보기 꾸미기] 애플 공식자료 번역 (0) | 2023.06.20 |