이번에는 나이키어플 중 신발을 선택하여 장바구니에 추가되는 모습을 따라해봤습니다. \

이번에는 stack을 가지고 일정을 나타내게 해봤습니다. VStack , HStack 을 이용해서 밑에 이미지를 생성해주었습니다. 이제 그밑에 생성될 목록들을 만들어주는데 이미지,텍스트,시간,배경색을 쉽게 바꿀수있게 var로 선언해줘서 값을 입력해줍니다. ScrollView를 넣어서 스크롤 이 가능하게 만들어 줍니다. 다음에 만들 메뉴와 프로필 이미지도 일단 설정해줬습니다.

이번에는 Image를 이용하는 코딩을 공부해봤습니다. asset에 이미지를 추가해줍니다. 그리고 zstack과 vstack을 이용하여 Image들을 위치시킵니다. .resizable : 이미지를 크기가 알맞게해줍니다. .aspectRation: 마찬가지로 이미지크기를 지정해줍니다. .edgesIgnoringSafeArea : 위의 모서리부분도 이미지가 들어갈수 있게 해줄수있습니다. .clipShape: 이미지를 원하는 모양으로 만들수있습니다. 저번에 만들었던 webview를 이용해서 블로그 가는것도 만들어봤습니다.

오늘은 Text와 관련된 것들을 공부했습니다. .tracking : 글자 마다 공간을 넣어줍니다. .fontweight: 폰트 설정 .foregroundColor: 글자 색 .lineSpacing: 문장 마다 공간 .truncationMode: 글이 많아 한번에 못보여줄때 요약할 위치 .shadow: 글자뒤에 그림자 효과 dateFormat을 만들어서 나중에 날짜 형식을 원하는대로 출력 할수 있게 만들 수있습니다.

오늘은 버튼을 클릭하면 지정해준 사이트를 들어가주는 프로그램을 만들어 보겠습니다. WKWebView를 사용해야 되서 WebKit을 가져옵니다. 이번에는 view가아니라 UIVIewRepresentable를 상속합니다, 함수를 만들고 안에 guardlet을 해서 옵셔널을 풀어줍니다. 업데이트 UI VIew를 해줘야합니다. ContentView로 돌아와서 NavigationView, Link로 WebView를 불러줍니다. 이때 네비게이션뷰만 사용하면 빈공간이 생기게 됩니다. 그것을 edgesIgnoreingSafeArea로 빈공간이 없게 해줍니다.

medium.com/swlh/getting-started-with-swiftui-and-combine-using-mvvm-and-protocols-for-ios-d8c37731a1d9