Gird2

• 

  SwiftUI : List를 이용해서 Grid형식 만들기 SwiftUI : Lazy V(H)Grid Grid에 대해 알아보도록 합시다. List와 Grid의 차이 Grid는 List와 친척이라고 생각하시면 됩니다. 일단 Grid 와 List의 차이를 간단하게 그림으로 보겠습니다. LazyV(H)Stack과의 차이는 다음 게시물에서 seons-dev.tistory.com List View를 통해 Grid형식으로 이번에는 List view를 통해서 grid형식으로 화면을 구성하도록 하려고 합니다. 일단 아래 이미지를 Assets 폴더에 넣어주겠습니다. (출처: unsplash.com/photos/8Nc_oQsc2qQ) 이미지파일을 Assets에 넣어줬으면, 이제 ContentView로 가서 아래와 같이 코드를 작성해줍니다. 일단 List 안에 HStack을 쌓아주.. SWIFTUI/View layout 2021. 2. 9.

• 

  SwiftUI Project3 : List view를 사용하여 Grid 만들기 List view로 Grid 만들기 New file을 만들어 이름은 'Dish' 라고 정해주고, 아래 이미지를 Assets에 넣어줍니다. (출처: unsplash.com/photos/8Nc_oQsc2qQ) 그리고 Dish 라는 Extension값을 넣어주겠습니다. import Foundation import SwiftUI struct Dish { //Dish를 구별하기 위해 고유 ID를 저장해줌 let id = UUID() let name : String let price : Double let imageURL : String } 이제 아래에 각 요리에 대한 정보를 입력해주겠습니다. extension Dish { static func all() -> [Dish] { return [ Dish(name: ".. PROJECT/Simple 2021. 2. 9.