SwiftUI 탐방기 003

안녕하세요. 밀쿄 입니다.

하루만에 돌아오는거 대게 어색하네요(?)

어제에 이은 탐방기를 적어보겠습니다.

링크는 여기 입니다.

참고로

어제와 같은 파일에서 이어지니 2탄 안보신 분들은 

보고 오시는 걸 추천 드립니다.

링크는 요기 입니다.

이 챕터도 아마 중간에 한 번 끊고 갈 것 같습니다. 

 

https://developer.apple.com/tutorials/swiftui/creating-and-combining-views

Apple Developer Documentation

시작부분에 Json을 파싱하기 위해서

struct 구조체 소스가 있는데 

최대한 저걸 살리면서 복사하지 않는 방향으로 진행했습니다.

추후에 더 필요한 변수들은 추후에 작성하겠습니다.

일단은 Json을 보고 이 정도만 만들어두겠습니다.

이제 파싱오는 소스를 짜면..

이렇게 소스를 짜시면 됩니다.

튜토리얼 파일에 있는 파싱소스 그대로 쓰셔도 되구요.

이제 본격적으로 시작해보겠습니다.

먼저  ContentView를 LandmarkDetail로 이름을 변경해줍시다.

그리고 LandmarkRow SwiftUI 파일을 생성해줍시다.

LandmarkRow 에서 이미지를 호출하는 함수를 쓰는데요.

왜 쓰는지 알아보기 위해서 그냥 불러보겠습니다.

이미지가 크게 나오는 군요

어..대충 감으로는 

scaleAspectFit, scaleAspectFill, scaleToFill

에 대응하는 스위프트 UI 코드를 찾으면 될 것 같습니다.

오 역시나 있네요.

부모뷰를 채우거나 부모뷰에 맞추거나 인데

우리는 지금 맞춰야하니까 밑에껄 사용해봅시다.

어..음..예상이 빗나갔습니다...

안되네요...

다시 문서를 찾아봅시다..

그러다가..직감적으로...

함수하나를 발견하게 됩니다..

이미지 크기를 리사이즈 하게되니까

이녀석을 쓰면 될꺼야!!

라고 생각하고 한번보먄

capInsets는 기본값이 들어가있고

resizeMode도 기본값이 들어가있습니다.

그럼 일단 넣어봅시다.

성공입니다.

자 이제 다음으로 넘어 갑시다.

그 다음은 오른쪽에 보이는 Row Preview를 커스텀 마이징 하는 과정이네요.

그냥 아 그렇구나..

이런게 있구나 하고 넘어가시면 됩니다.

포스팅에서 따로 다루지 않겠습니다.

그 다음은

LandmarkList란 스위프트 UI파일을 만들어 주면 됩니다.

저렇게 노다가로 만들면 끝입니다.

농담이고 이제 저걸 동적으로 만들어 볼껍니다.

그 전에

"Identifiable" 란

프로토콜에 대해 아셔야하는데..

identity가 동일한지 비교할 수 있는 타입.

getID를 호출 해 요구에  따라서 계산 된 identifier-value pairs 의 콜렉션을 리턴..

이렇게 파고들면 끝도 없습니다..

다음에 포스팅 한 번하겠습니다.

솔직히 파고 파도 잘 이해가 안되서...

아 getID는 인자값입니다.

네 그래서 이걸 적용하면 인덱스 값을 하나하나 주지 않아도

동적인 리스트가 완성된 걸 볼 수 있습니다.

 

자 이렇게 오늘은 동적으로 리스트를 만드는 것까지 해보았습니다.

아마 다음 포스팅은 저 Row하나하나 클릭하면 화면이 나오게 하는거랑..

네비게이션바를 넣어보는 걸 해볼껍니다.