5월, 2022의 게시물 표시

Lullaby Recipe

이미지
  How to use Lullaby Recipe Type your username. 2.  Go to Kitchen tab to create your new recipe. 3.  Select the sound you like and tab ‘Blend’ button. 4.  Name and save your own mix. 5. Listen to your own recipe. If needed, control the volume for each sound.

SwiftUI에서 뷰를 떼어내는 방법

이미지
SwiftUI에서 UI를 그리다 보면, 뷰를 따로 떼어내서 작업을 해야하는 경우들이 발생합니다. 글로 설명해서는 상상하기 어려우니 아래 코드를 보면서 이야기 해보겠습니다. struct ContentView : View { var body : some View { VStack { VStack { Text ( "리이오" ) Rectangle () .fill (Color.red) .frame ( height : 30 ) Text ( "올리비아" ) } .background (.green) Button { print ( "done" ) } label : { Text ( "Button" ) } } } } 우리의 코드는 VStack 안에 또다른 VStack과 Button이 있습니다. 저 사용자 이름이 들어있는 VStack이 복잡해질 경우 따로 떼어내서 작업을 하는 경우가 많습니다. 일단은 body가 길어지면 보기 힘들기 때문이죠. 이 때 사용하는 방법에는 여러가지가 있지만 오늘은 2개를 비교해 보겠습니다. 새로운 Struct를 만든다 새로운 뷰를 그리기 위해서 새로운 struct를 만들어서 그리는 방법이 있습니다. 이전 코드보다 보기가 한결 쉬워졌습니다. 또 ProfileView 부분이 늘어나도 ContentView는 늘어나지 않아서 가독성도 좋습니다. struct ContentView : View { var body : some View { VStack {