👋 들어가기 전 종종, 실제 앱에서 구현력을 요구하는 UI를 혼자서 조금씩 연습해보려고한다. 대망의 첫번 째 시리즈는 인피니티 포커싱 캐러셀이다. 내가 이름을 붙힌거긴하지만, 어떤 구성요소인지는 아래에서 설명하겠다.🏁 학습할 내용레퍼런스 요구사항포커싱인피니티구현전체 코드🤩 레퍼런스참고 레퍼런스 바로, 현대 백화점 앱이다.특징을 보면 다음과 같다. 항상 중앙에 컨텐츠가 정렬되며, 중앙에 가까워질 록 크기가 커지고, 나머지는 일정 비율만큼 축소되어있다.현재 10개의 아이템이 보이는데, 9번째를 넘어가면 0번째가 자연스럽게나오고, 0번째에서 9번째로 넘어갈 수 있다.🎯 요구 사항 🧘 포커싱포커싱은 2개의 동작을 뜻한다.가운데 정렬가운데 아이템을 제외한, 아이템은 축소 Scale 🔄 인피니티눈치 챘..

🏁 학습할 내용정의예시 코드📌 정의 다중 라인에서 줄바꿈이 일어나는 최대 너비평소에는 건드릴일 많이 없음, 특히 numberOfLine = 1일때는 쓸일 없음보통은, layout 너비를 따라감intrinsicContentSize 계산에도 큰 영향을 끼침줄바꿈 너비가 변경되면, 높이자체가 바뀌니깐🤖 예제 코드 스택뷰에 2개의 Label을 넣고, 값을 줬을 떄는, stackView너비를 꽉채우게 늘어났는데 두번째 Label의 preferredMaxLayoutWidth 값을 130으로 주니깐, 130을 기준으로 줄바꿈이 들어가는걸 확인할 수 있다.import UIKitclass ViewController: UIViewController { override func viewDidLoad() { su..

👋 들어가기 전CALayer는 정말 일반적인 사용목적을 제외하고는 직접 건드리지 않아, 지식이 너무 기초에 머물러있다. UI에 대한 기초적인 지식을 향상시키고 싶어, 회사에서 디자인 시스템 파트부분을 지원해 합류하게됐는데, 어제 회의에서, CALayer에 대한 얘기가 많이나왔고, 나는 당연히 이해하는 수준이 많이 떨어졌다. 이번 기회를 통해 CALayer에 대한 기본정도는 알고 넘어가보자..🏁 학습할 내용iOS에서 Graphic 작업의 역사잘못 알고있던 View와 Layer의 역할CALayer란언제 직접 건드릴까??🎨 iOS에서 Graphic 작업의 역사wikipedia를 살펴보면, iOS와 관련든 그래픽 모델이 많은데 우리는 여기서, 핵심적인 내용을 정말 간단하게만 알아보자. 우리가 살펴볼 요소들..

👋 들어가기 전오늘은 margin 관련된 내용을 조금 정리해보려고 한다.🏁 학습할 내용margin특징layoutMargins vs directionalLayoutMarginsinsetsLayoutMarginsFromSafeAreaisLayoutMarginsRelativeArrangement🧩 Margin 📌 개념현재 뷰와 컨텐츠 사이의 간격을 의미한다. ✅ 특징양수 값은 뷰의 중심쪽, 음수 값은 바깥쪽을 가리킨다.뷰 바깥 쪽이 아닌, 안쪽으로 커진다. 🥊 layoutMargins vs directionalLayoutMargins마진을 주는 방법은 2가지가 있는데, 차이를 알아보자.항목layoutMarginsdirectionalLayoutMargins타입UIEdgeInsetsNSDirectiona..

👋 들어가기 전 [Text 시리즈 3] TextKit1👋 들어가기 전이번 텍스트 시리즈는 TextKit1이다. 🙋: TextKit2가 나왔는데 왜 TextKit1을 ?? 뒷북 너무 심하다 😀: 1도 모르는데 2를 봐서 뭐함? 나는 앞에가 이해가 안되면, 뒤에도 이해를 못한 경험hamp.tistory.com 이전 TextKit1 내용에서 먼저 살짝 다뤘던건데, NSTextAttachment를 코드로 한번 살펴보면 좋을 것 같아서 다시 찾아왔다. 🏁 학습할 내용개요역할구성상세 설명언제 어떤 구성요소를 써야할까?예제🔍 개요공식 문서를 살펴보자.✅ 역할NSAttributedString에 첨부 파일(이미지 등)을 넣기 위한 객체 NSAttributedString 클래스는 “attachment key” ..

👋 들어가기 전이번 텍스트 시리즈는 TextKit1이다. 🙋: TextKit2가 나왔는데 왜 TextKit1을 ?? 뒷북 너무 심하다 😀: 1도 모르는데 2를 봐서 뭐함? 나는 앞에가 이해가 안되면, 뒤에도 이해를 못한 경험이 정말 많다. 그래서, 깊게 빠르게 가는 방법은 순서대로 가는 것이라고 생각한다. 그래서 오늘은 TextKit1을 먼저 살펴보자.WWDC 2013까지 거슬러 올라가보자.. 내가 고등학교 때다. TextKit2가 나오는 시점에 TextKit1 영상은 내려갔는데, 다행히 다운받는 형식으로 학습할 수 있게 남겨둿다.https://nonstrict.eu/wwdcindex/wwdc2013/210/🏁 학습할 내용Text Kit이란Primary TextKit ObjectText Conta..