iOS/UIKit

👋 들어가기 전 설 연휴 동안 UIKit 감각을 찾기위해 여러가지 끄적거리고 있었는데 UIStackView의 속성을한번 정리해보려고 한다. 항상 급할 때마다 블로그에서 시각자료로 보고 결정했는데 이번에는 내 방식대로 정리한 후 내꺼를 보는게 더 나을 것 같다. ㅋㅋㅋ 시각적으로 쉽게 이해하기 위해 axis는 horizontal로 살펴보자. 설명 중 파란색 괄호는 axis를 .vertical로 변경했을 때 영향을 받는 속성으로 약속하자✊기본 세팅기본은 horizontal axis의 UIStackView에 4개의 UILabel을 넣은 형태다. private let stackView: UIStackView = { let stackView = UIStackView() stackView.axis =..

👋 들어가기 전현재 하고있는 프로젝트는 이미지가 굉장히 중요하다.이미즈는 크게 2가지 종류가 있을 수 있다. 첫 번째는 링크 또는 서버에서 제공해주는 이미지고 두 번째는 나의 로컬 갤러리를 통해 불러오는 이미지가 있다. 여기서 애플에서 제공해주는 PHPickerViewController를 사용하면 쉽게 앨범 이미지를불러올 수 있지만 디자이너님의 요구는 커스텀이 가능한 뷰를 원하고 있어 직접 자체 개발을 해야했다. 현재 UI Framework가 SwiftUI로 개발되어 ScrollView와 LazyVGrid를 이용하여 어렵지 않게 UI는 구성했다. 여기서 처음했던 기술적인 도전은 사진을 가져오는 과정을 최대한 modern concurrency를 이용하여나름 최적화와 completion Handler를 c..

👋 들어가기 전우리는 지난 포스팅에서 intrinsicContentSize에 대해서 알아봤다. 이번에는 intrinsicContentSize에 대한 우선순위를 지정할 수 있는 방법을 알아보자.✊ 왜 필요할까??먼저 다음 코드를 보자.label1.text = "첫번 째 레이블입니다."label2.text = "두번 째 레이블입니다."label1.backgroundColor = .greenlabel2.backgroundColor = .redview.addSubview(label1)view.addSubview(label2)NSLayoutConstraint.activate([ label1.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadin..

👋 들어가기 전이번 포스팅은 저번 Auto Layout 정의를 배웠고 이번에는 Auto Layout을 적용하기 위해 알아야할IntrinsicContentSize에 대해 알아보자.✊ 정의링크 공식문서를 살펴보면 다음과 내용을 살펴볼 수 있다. The natural size for the receiving view, considering only properties of the view itself. 컨텐츠의 본질적인 크기를 가르킨다. 그렇다면 컨텐츠가 없는 뷰는 이 값이 없단는건가?? 그렇다 컨텐츠가 있어야 한다. 그러면 어떤 뷰들이 해당될까?☝️ 소유 여부ViewIntrinsicContentSize WidthIntrinsicContentSize HeightUIViewXXUISliderOXUILabel,..

👋 들어가기 전최근에 CS 관련된 포스팅을 많이 했는데 이번에는 iOS 관련 포스팅을 할까한다. UIKit으로 많은 프로젝트를 지정했지만 거기에 나오는 용어들을 크게 정리해 놓은 경험없이그냥 대충 이해하고 넘어간게 마음에 걸리기 시작했다. 이번 시간부터는 당분간 iOS 관련된 포스팅을 주력으로 하되 간간히 CS 지식을 곁드리는 방식으로진행할까한다. iOS의 첫 주제는 Auto Layout이다.UI를 그리는데 필수적으로 사용되는 개념을 이제 정리하다니 ..  그래도 늦었다고 생각했을 때가 진짜 늦은거라고 좋아하는 코미디언 "박명수"님의 말씀이 떠올랐다. 진짜 진짜 더 늦기전에 지금이라도 시작하자.✊ 정의Auto Layout dynamically calculates the size and position ..

문제점왁타버스 뮤직팀에서 할로윈과 크리스마스 등 ,  다양한 이벤트가 있을 때 다양한 컨셉의 앱 아이콘을 적용했습니다.당연히 우리는 앱의 큰 업데이트 없이 단지 로고 하나 교체하기 위해 심사를 넣었습니다. 하지만 찾아보니 앱에 접속하기만한다면 코드로 갱신을 할 수 있더군요..  과정과정은 크게 3가지 스텝을 거친다. 1.  앱 아이콘 추가하기 당연히 앱 아이콘을 변경하기 위해서는 그 리소스가 필요하다.여기서 앱 아이콘의 이름을 꼭 기억해야한다.  2.  build settings을 통해 등록하기 기본 프로젝일경우target - Asset Catalog Compiler Options - Alternate App Icon Sets에 위에 추가한 아이콘을 명시한다. tuist 이용tuist를 이용하면  Set..