Outgoing Introvert

collectionView가 로딩될 때, UICollectionViewDelegateFlowLayout 에서 cell의 size를 미리 지정해줘야 되는데, 높이가 고정값이 아닌 변수로 설정을 하고싶었다. cell 내 view 혹은 stackView의 높이가 수치로 명확하게 선언이 되는 것들은 systemLayoutSizeFitting 를 사용하여 간단하게 처리가 가능했다. func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { let cell = self.collectionView(..

FlexLayout 이란? UIStackView를 개선한 Layout 프레임워크로, 사용하기 훨씬 더 간단하고 다양하게 쓰일 수 있으며 수동레이아웃 UIStackView보다 8~12배 빠르고 뛰어난 성능을 제공한다. 레이아웃 프레임워크를 이야기할 때 PinLayout과 함께 많이 비교 및 사용되는데, 정밀한 컨트롤이나 복잡한 애니매이션이 필요하지 않은 상황에서는 FlexLayout이 적합하다고 한다. FlexLayout 장점? - 간단하고 빠르다. - 구문이 간결하고 연결성이 좋다. (concise and chainable) - 믿을 수 없을 정도로 빠르며 수동 레이아웃(manual layout) 보다 훨씬 빠르다 - 소스코드 구조가 훨씬 더 시각적이고 이해하기 쉬워 수정도 용이하다. 설치 cocoaPo..

UIStackView https://developer.apple.com/documentation/uikit/uistackview 스토리보드로 UI를 구성할 경우, constraint 같은거 설정하기가 편하지만 Code base 로 UI를 구현할 경우, 굉장히 복잡하고 까다로워진다. 이럴 때 StackView를 잘 사용하면 한결 편하게 화면을 구성할 수 있는 것 같다. let stack = UIStackView() stack.axis = .horizontal stack.spacing = 8 stack.distribution = .fill stack.alignment = .leading stack.layoutMargins = UIEdgeInsets(top: 16, left: 16, bottom: 16, ri..

이미지 슬라이드 쇼를 간편하게 적용할 수 있는 ImageSlideShow 라이브러리를 사용해보았다. https://github.com/zvonicek/ImageSlideshow GitHub - zvonicek/ImageSlideshow: Swift image slideshow with circular scrolling, timer and full screen viewer Swift image slideshow with circular scrolling, timer and full screen viewer - GitHub - zvonicek/ImageSlideshow: Swift image slideshow with circular scrolling, timer and full screen viewer g..

UICollectionViewDelegate : manages user interactions with the collection view’s contents, including item selection, highlighting, and performing actions on those items. The methods of this protocol are all optional. 컬렉션뷰 셀 선택 및 선택 후 액션 등에 관련한 메서드들을 다루는 delegate로, 이 프로토콜의 모든 메서드는 옵셔널이다. Managing the Selected cells didSelectItemAt : 선택된 cell의 index path를 delegate에게 알려주는 메서드. func collectionView(_ ..

UIScrollViewDelegate scrollViewWillEndDragging / scrollViewDidEndDragging / scrollViewDidEndDecelerating 차이? 사용 시기? 호출 순서 ":: scrollViewWillBeginDragging" ":: scrollViewDidScroll" ... ":: scrollViewDidScroll" ":: scrollViewDidEndDragging" ":: scrollViewWillBeginDecelerating" ":: scrollViewDidScroll" ... ":: scrollViewDidScroll" ":: scrollViewDidEndDecelerating" scrollViewDidScroll : Tells the de..

앱에서의 tab bar 는 보통 하나의 스크롤 형식이 아니라 tab 별로 다른 화면을 보여주도록 되어있는 경우가 많다. 탭 클릭 한 번으로 원하는 위치로 스크롤이 되는 방식은 보통 웹으로 구현할 때 많이 쓰이는 방식으로, Native 앱에서는 따로 제공하는 라이브러리도 없고 구현이 쉽지 않아 custom으로 직접 scrollable 형식의 sticky tab bar 를 만들어보게 되었다. 그리하여 직접 만들어본 tab bar 프로토타입. 코드는 여기에 👉🏻 https://github.com/hongssup/StickyHeaderTab 1) UICollectionView 이용해 base 화면 생성하기 collectionView 자체가 scrollView의 특성을 가지고 있기 때문에, 우선 UICollect..

Semaphore 란? 멀티프로그래밍 환경에서 공유 자원에 대한 접근을 제한하는 방법 DispatchSemaphore 란?

iOS에서 webView를 보여주는 방식 3가지 - 외부 브라우저(사파리)로 열기 - SFSafariViewController - WKWebView 1. 외부 브라우저(사파리)로 열기 앱 내부 작동과 무관하게 외부 브라우저에서 여는 방법이다. @objc func openSafari(_ sender: Any) { if let url = URL(string: "https://hongssup.tistory.com") { UIApplication.shared.open(url, options: [:]) } } UIApplication.shared.canOpenURL(url) : if 문에서 이 조건을 추가로 넣으면, 링크가 유효하지 않을 경우 사파리 앱으로 아예 안넘어갈 줄 알았는데 그건 아니더라. 딱히 있고 없..

https://yagom.net/forums/topic/cell-%EC%95%88%EC%9D%98-button%EC%9D%84-%EC%B2%98%EB%A6%AC%ED%95%98%EB%8A%94-%EC%97%AC%EB%9F%AC%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95%EB%93%A4/ 이벤트 발생을 감지하는 방법 Cell 내 버튼을 처리하는 여러가지 방법들. Delgate 패턴 Callback Completion Handler로서 Callback Closure를 사용하는 방법. 예시) 관심상품 추가 보내는 곳 // MyCell lazy var favoriteBtn: UIButton = { let button = UIButton() ... button.addTarget(self, ..