Tabview {
View()
.tabItem {
//- tabItem 의 내용 이미지, 이름 등을 설정
}
}
tabItem에는 Label , Text, Image 만 허용하고, Button 과 같은 컴포넌트가 포함되면 해당 뷰는 빈 페이지로 로드
Data
Model 개념의 구조체로 데이터의 ‘청사진' 을 구성
struct Info {
let image: String
let name: String
let story: String
let hobbies: [String]
let foods: [String]
let colors: [Color]
let funFacts: [String]
}
해당 데이터의 모델 구성하면, 앱의 전반적인 곳에서 해당 모델을 사용할 수 있음
let information = Info(
image: "Placeholder",
name: "My Name",
story: "A story can be about anything you can dream up. There are no right answers, there is no one else.\\n\\nNeed some inspiration?\\n• 🐶🐱🛶️🎭🎤🎧🎸\\n• 🏄♀️🚵♀️🚴♀️⛵️🥾🏂⛷📚\\n• ✍️🥖☕️🏋️♂️🚲🧗♀️ ",
hobbies: ["bicycle", "ticket.fill", "book.fill"],
foods: ["🥐", "🌮", "🍣"],
colors: [Color.blue, Color.purple, Color.pink],
funFacts: [
"The femur is the longest and largest bone in the human body.",
"The moon is 238,900 miles away.",
"Prince’s last name was Nelson.",
"503 new species were discovered in 2020.",
"Ice is 9 percent less dense than liquid water.",
"You can spell every number up to 1,000 without using the letter A.\\n\\n...one, two, three, four...ninety-nine...nine hundred ninety-nine 🧐",
"A collection of hippos is called a bloat.",
"White sand beaches are made of parrotfish poop.",
]
)
View 의 구성
VStack 은 컴포넌트 들을 수직으로 정렬
Text 를 사용해서 글을 표시할수 있으며 .font / .fontWeight 등의 옵션으로 글을 커스텀 할수 있음
padding 을 사용하여 다른 뷰와의 거리를 띄울수 있음
Image 를 사용해서 이미지를 추가 할수 있다
.resizable() 을 사용하여 이미지의 크기를 조절 할 수 있다
.aspectRatio(contentMode: .fit) 을 사용하여 이미지의 종횡비를 지정할 수 있다.
The frame rectangle, which describes the view’s location and size in its superview’s coordinate system.
-> 슈퍼뷰 를 기준으로 위치 및 크기를 정의
강조한 부분을 잘 기억해야한다! 기준점이 자신보다 한단계 위의 뷰인 슈퍼뷰 이다!
var frame: CGRect { get set }
2) Bounds
The bounds rectangle describing the item’s location and size in its own coordinate system.
-> 자기 자신을 기준으로 위치 및 크기를 정의
강조한 부분을 잘 보자! 기준점이 자기 자신이다!
var bounds: CGRect { get }
💡CGRect는 직사각형의 위치와 치수를 포함하는 구조체 이며, 해당 구조는
public struct CGRect {
public var origin: CGPoint
// 위치 정보
public var size: CGSize
// 크기 정보
public init()
public init(origin: CGPoint, size: CGSize)
}
/*
...
...
...
기타 확장 기능들이 구현되어 있음
*/
로 정의되어 있습니다.. 이부분은 Code로 앱을 구현할때 사용하게 되는데
제가 아직 스토리보드 밖에 다룰줄을 몰라서.. 알게되면 포스팅 하겠슴다ㅎㅎ..
다시 본론으로 돌아가서
자! 공식문서만 봐도 차이점을 바로 알아버렸다 ^_-
간단하게 차이점을 이야기 하자면..
Frame 은 기준점이 슈퍼뷰에서부터 위치 및 크기를 지정하게 되는 반면,
Bounds 는 기준점이 자기 자신으로부터 위치 및 크기를 지정하게 된다!
로 끝내기엔 뭔가.. 이해가 되지 않으니 예시로 살펴 봐야겠다..
예시로 살펴보기
1. 먼저 frame 이다, 분홍색(빨간색) View가 superview고, 파란색 뷰가 frame을 적용한 뷰이다,
코드 를 살펴보자
class ViewController: UIViewController {
@IBOutlet var superView: UIView!
var view1 = UIView()
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
view1.frame = CGRect(origin: CGPoint(x: 50, y: 50), size: CGSize(width: 300, height: 300))
view1.backgroundColor = .blue
superView.addSubview(view1)
superView.backgroundColor = .systemPink
}
}
위치 정보를 (50.50) 으로 주었고, 크기 정보를 (300 * 300) 으로 설정했다.
우리는 위에서 슈퍼뷰기준 으로 위치와 크기를 나타낸다고 배웠다
각 수치값을 표현다면 위와 같이 될것이다
분홍배경의 슈퍼뷰 로 부터 50.50 만큼 떨어진 거리에 300 * 300 크기의 뷰를 그려준것이다.
2. Bounds 를 살펴보자!
배경에 대한 설명은 같고, 위 코드에서 frame 을 bounds로 변경하여 적용하였다!
@IBOutlet var superView: UIView!
var view1 = UIView()
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
view1.bounds = CGRect(origin: CGPoint(x: 50, y: 50), size: CGSize(width: 300, height: 300))
view1.backgroundColor = .blue
superView.addSubview(view1)
superView.backgroundColor = .systemPink
}
뭔가 이상하다..
frame 같은 경우는 어쩌면 자연스럽게 저렇게 되는구나 를 알수있는데
bounds 는 당최 어떻게 동작하는지를 모르겠다..
300 * 300 크기의 뷰를 (50.50) 위치에 놓았는데 어쩐지 왼쪽상단으로 쭈욱.. 올라갔다
기준점이 자기 자신 이란건 알겠는데 왜 저렇게 되는걸까?
이해하기가 좀 어려워서 zeddios 님의 블로그를 열심히 읽어 보았다!
그림하나로 저렇게 되는 이유가 종결된다!
정리하자면 bounds를 변경하는 것은, 변경된(설정된) 위치에서 내 자신의 View 를 다시 그려줘! 라고 하는것이다!
ARC는 메모리를 스스로 관리하는 기능을 수행한다 일반적으로 Swift가 자동으로 ARC를 이용해 메모리를 관리하기 때문에 사용자는 메모리는 어떻게 처리해야하는지 깊게 생각할 필요는 없다고.. (공식문서에 써있다..)
💡 Objective-C 에서는 MRC 라고 하는 수동 메모리 관리 기법을 사용하였다, Objective-C 에서는 수동으로 관리해야 하기 때문에 retain / release 를 사용해 사용수의 증가/감소 를 확인하여 메모리를 관리하였는데 ARC 로 넘어오면서 이걸 자동으로 해준다! 그래서 프로그래머는 더이상 메모리관리에 관한 코드를 따로 작성하지 않아도 된다!
그래서 ARC 어떻게 동작하는데?
Class 의 인스턴스가 생성될때마다, ARC는 해당 인스턴스에 대한 정보를 저장하는 Memory 할당하게 된다!
이 메모리는 당연히 인스턴스의 method, property 의 값 등의 정보를 가지고있다!
그리고 해당 인스턴스가 더이상 필요가 없어지면 해당 메모리를 확보하여 다른 목적으로 사용가능케한다!!
그러니까.. 한마디로 요약하면 “ Class가 필요 없어지면 해당 메모리를 해제함 “
그럼.. Class가 필요한지 필요없는지 어떻게 판단하게될까..? 이름에서 유추할수 있다!
해당 Class의 인스턴스가 참조되고 있는 수를 세어 가지고 있다!
이 수를 세기위해 클래스 인스턴스를 할당할 때마다 강력한(Strong) 참조를 하게되며, 이 강력한 참조가 유지되는 동안은 할당 해제를 허용하지 않게된다!
백문이 불여일견 직접 예시로 살펴보자
class OS {
let kind: String
// 초기화
init(kind: String) {
self.kind = kind
print("[인스턴스 생성] 현재 운영체제는 \\(kind)")
}
// 소멸자
deinit {
print("[인스턴스 할당 해제] \\(kind) 운영체제 종료")
}
}
일단.. Class를 맹글어 주고..
var os1: OS?
var os2: OS?
var os3: OS?
이렇게 하면 인스턴스가 생성이!!!!
안됩니다.
예 안돼요..
Optional 로 선언되어 있어서 기본적으로 nil 값이 할당되기 때문에 class 인스턴스를 할당하지 않아요!
os1 = OS(kind: "MacOS")
// [인스턴스 생성] 현재 운영체제는 MacOS
이제야 비로소 인스턴스가 할당되었습니다! 그러면 ARC에 의해 강한 참조로 os1 변수가 counting 될거에요!
