SwiftUI 강의 (1)
Vstack
Vstack(Vertical Stack) = 세로 스택
text("1!")
text("2!")
text("3!")
Vstack을 사용하지 않으면 1!,2!,3!이 서로 다른 화면에 출력된다.
Vstack을 사용하면
이렇게 보여진다.
Hstack
Hstack(Horizontal Stack) = 가로 스택
Vstack 코드를 Hstack으로 바꿔보면
Hstack {
text("1!")
text("2!")
text("3!")
}
.backGround(Color.red)
배경색을 빨강으로 바꿀 수 있습니다.
.padding()
padding이란 영어로 번역하면 심, 충전재가 나오는데
문자처럼 주위를 심으로 채운다고 보면 된다.
그리고 .top, .botoom, .leading, .trailing 으로
상,하,좌,우를 설정할 수 있다. .padding(.top, 10)
(10)이렇게 숫자만 적으면 상,하,좌,우 모두 동일하게
10만큼 패딩이 생기는데 .all을 사용해도 똑같은 결과를 얻을 수 있다.
(어트리뷰트 인스펙터에서도 설정할 수 있다. 코드가 자동으로 생성되는건 안비밀)
새 파일 만들기
ContentView.swift 메인에서 모든 코드를 작성하면
본진이 복잡해지니까 새 파일을 생성해서 정리할 수 있습니다.
대표적으로 SwiftFile과 SwiftUIView가 있는데
제가 알기로는 프리뷰 코드가 있냐 없냐..? 입니다. (확실하지 않아요)
그래서 파일이 swiftFile이냐 swiftUIView냐는 중요하지 않습니다.
(프리뷰 코드를 입력하거나 삭제하면 되니까요.)
(처음에 이게 정말 궁금했어요 ㅋㅋ)
뷰 불러오기
앞서 새 파일을 만들면 그것도 하나의 뷰가 됩니다.
그렇기 때문에 ContentView.swift에 새롭게 생성한 뷰를 불러와서 합칠 수 있습니다.