[Swift] CGRect, CGSize, CGPoint

공부를 하면 할수록 Interface Builder 로만 UI작업을 하는게 한계가 있더라구요! 

👉 Storyboard vs Programmatic UI 바로보기

 

그래서 저는 Programmatically AutoLayout에 입문했습니다!!

이런 저런 소스를 보면 CG 어쩌구 저쩌구..가 나오는데, 내가 아는 CG는 영화보면서 "에이~저거 CG네" 라고 하는 것 뿐인데..😂😂

그래서 하나하나 기초적인 것부터 정리해가려고 합니다!!

---

먼저, CG CG 하는데 CG가 뭘까요~?

 

그렇대요. 간단히 말하면 Swift에서 2차원상의 화면을 그릴때 사용하는 Framework라고 합니다! 많이 들어본 CGFloat, CGPoint, CGSize, CGRect, CGColor, CGFont 등등 다양한 요소가 요 Framework에 들어있는 거에요!

이제는 CG라고 해서 영화에서 나오는것만 CG가 아니랍니다~~~ 😂😂

 

그 중에서도 이 포스팅에서는 CGPoint, CGRect, CGSize에 대해 정리해볼거에요.

(사실 제가 지금 몰라서 찾아보고 정리하려던 참이거든요 ㅋㅋㅋㅋ)

 

 

2차원 좌표계의 점을 가지고 있는 구조체라고 합니다. 실제로 정의를 보면 x, y 좌표를 가지고 있네요!

 

 

그냥 Apple Document도 싹 다 한국어 버전으로 나왔으면~~ 😭😭

CGSize는 너비, 높이를 가지고 있는 구조체라고 합니다. 실제로 정의를 보면 너비, 높이만 딱 가지고 있네요!

여기서 한가지 주의해야 할 부분은, 정말로 너비/높이만 가지고 있는 구조체라는 점이에요. CGSize도 사각형으로 많이들 나타내지만, 실제로는 사각형이 아니라 너비/높이만 가지고 있답니다~!

 

 

CGRect야 말로 우리가 생각하는 "사각형" 이에요. 위치와 크기를 가지고 있는 사각형의 구조체 라고 해요.

실제로 정의를 보면, 좌표(CGPoint)와 크기(CGSize)를 가지고 있어요.

 

여기서 orgin 좌표는, 사각형을 그릴 원점을 표현해요. 원점은 사각형의 왼쪽위 꼭지점을 의미한답니다.

orgin부터 시작해서, 너비와 높이가 CGSize인 사각형을 그려라! 라고 생각하시면 될 것 같아요.

 

실제로 사용할때는 아래처럼 정의해서 사용하면 됩니다~! x,y좌표와 너비/높이를 가지고 생성하게 됩니다.

 

 

이렇게 Programmatically UI 개발을 위해서 기초를 정리해봤는데요~! 이 부분은 앞으로도 매우매우매우x2000 많이 보게 될 내용같으니, 초반에 이렇게 정리해놓고 시작합니다~!