Pooh's Mobile 🍯

안녕하세요~ 오늘은 고차함수에 대해서 정리해보려고 합니다 : ) 고차함수 고차 함수는 다른 함수를 인자로 받거나 함수 실행의 결과를 함수로 반환하는 함수를 말합니다. Swift의 클로저는 일급 객체이기 때문에 함수의 전달 인자로도 전달이 가능하며 결괏값으로 반환이 당연히 가능합니다. 종류 map, filter, reduce, forEach, compactMap, flatMap 등이 있습니다 가장 많이 사용되고 있는 고차 함수 3가지 1. Map Returns an array containing the results of mapping the given closure over the sequence’s elements. 기존의 컨테이너의 요소에 대해 정의한 클로저로 매핑한 결과를 새로운 컨테이너로 반환합니..

[swift] 채팅 UI를 만들어봅시다!(1) 안녕하세유~ ( 오늘 이 인트로로 놀림을 받았답니다... ) 오늘은 채팅 UI를 구성하는 방법에 대해서 적어보려고 해요! 몇 개의 포스팅이 될지는 모르겠지만 일단 시작해보겠습니당ㅎㅎ 채팅 영상 pooh-footprints.tistory.com [ 첫 번째 포스팅 참고 ⬆ ] 이전 포스팅에서는 셀을 등록하고 확인만 할 수 있게 적용해 봤다면 이번 포스팅에서는 (1) 메시지를 주고받을 때, 가장 최근 주고받은 것이 하단에 올 수 있게 적용하는 방법 (2) 메시지를 주고 받을 때, 자동으로 마지막에 주고받은 메시지를 볼 수 있게 스크롤의 위치를 변경하는 방법 위의 두가지를 정리하려고 합니다. 애플 개발자 문서를 먼저 살펴봅시다. Apple Developer Doc..

안녕하세요~ 오늘은 채팅 UI를 구성하는 방법에 대해서 적어보려고 합니다 : ) 몇 개의 포스팅이 될지는 모르겠지만 일단 시작해 보겠습니다. 채팅 영상 제가 구현한 채팅 UI는 위와 같습니다. TableView와 TableViewCell TableView - 채팅 UI를 구현하는 방법을 찾다 보면 간혹 CollectionView를 이용하신 분들도 계시던데 저는 TableView를 활용했습니다. TableVIewCell - 같은 Cell을 이용해 구현하신 분들도 있었는데 저의 경우에는 자신이 보내는 채팅과 상대가 보내는 채팅 두 가지의 TableViewCell을 사용했습니다. 이번 포스팅에서는 TableViewCell을 만들고 TableView에 적용하는 방법에 대해서 적어보겠습니다. 1. TableVie..

안녕하세요~ 오늘은 프로젝트에서 사용했던 드롭다운 뷰에 대해서 정리하려고 합니다 : ) 구현했던 드롭다운 뷰는 다음영상과 같습니다. 실행화면 영상 설명 다른 유저와의 채팅화면에서 메뉴버튼을 클릭할 시 유저 신고, 약속 취소, 리뷰 등록 세 가지 버튼이 내려옵니다. 드롭다운 구현하기 첫 번째 , 드롭 다운 할 뷰를 만들기 가장 먼저 드롭다운할 뷰를 만들었습니다. 각각의 버튼은 x 좌표를 비율에 따라 설정해주었는데 가운데 있는 것을 중앙에 두고 양쪽으로 비율에 맞게 배치했습니다. final class DropDownView: UIView { // 신고 버튼 let reportButton = UIButton().then { $0.configuration = .menuStyle(title: "새싹 신고", im..

안녕하세요~ 오늘은 UILabel의 intrinsicContentSize에 대해서 작성하려고 합니다 : ) 진행하고 있는 프로젝트에서 CollectionViewCell의 크기를 Cell안에 있는 Label의 텍스트 길이, 폰트의 사이즈에 따라 동적으로 주고 싶었습니다. 여러 방법들 중에서 IntrinsicContentSize를 알게 되었고 어떻게 사용가능한지 방법을 공유하려고 합니다. intrinsicContentSize - 콘텐츠의 본질적인 사이즈 UILabel 뿐만 아니라 UIButton, UISwitch, UITextField에도 있는 프로퍼티로 해당 객체의 Width와 Height의 고윳값으로 가지고 있습니다. UIView에는 없으며 UISlider에는 Width값만 존재합니다. AutoLayou..

안녕하세요~ 오늘은 개발 중에 겪었던 이슈에 대해서 정리하려고 합니다 : ) 이슈가 어디서 어떻게 발생했는지 스크린샷을 보면서 설명드리겠습니다. 홈에서 우측 하단 버튼(찾기)을 누르면 취미 입력 화면으로, 새싹 찾기를 누르게 되면 주변 친구를 찾는 플로우를 가지고 있습니다. 홈 취미입력 친구찾기 이를 영상으로 확인하면 다음과 같습니다. 결과적으로 저의 이슈는 다음과 같은 상황에서 발생했습니다. 기본적인 플로우 1. 새싹 찾기 화면에서 뒤로이동하면 홈으로 이동합니다. ( 아직 새싹을 찾지 않은 상태 ) 2. 만약 새싹찾기 상태일 경우 찾기 버튼을 클릭했을 때 바로 새싹 찾기 화면으로 이동 새싹찾기 화면에서 취미를 변경하기 위해 취미 변경 버튼을 누르게 되면 취미 변경화면이 아닌 홈화면으로 이동이 되고 있었..

안녕하세요~ 오늘은 Cell안에 있는 버튼에게 이벤트를 줄 수 있는 방법에 대해서 작성하려고 합니다 : ) 셀안에 있는 버튼에 이벤트를 주는 방법에는 Tag 를 활용하는 방법, Delegate를 활용하는 방법 등 다양한 방법이 존재합니다. 그중에서 오늘 소개할 방법은 클로저를 이용한 이벤트 처리방법입니다. 1. 먼저 알아두어야 할 것 - 셀 안에 버튼과 같이 유저와의 인터렉션이 필요한 경우 셀의 ContentView에 해당 뷰를 넣어줘야 합니다. //TableViewCell class FindFriendsTableViewCell: UITableViewCell { static let identifier = "FindFriendsTableViewCell" let infoView = MyInfoView() o..

안녕하세요~ 오늘은 Timer를 이용해서 API를 반복 호출하는 방법에 대해서 정리해보려고 합니다 : ) 진행하고 있는 프로젝트에서 반복적으로 유저의 상태를 확인해야 하는 로직이 있었습니다. 떠오르는 방법이 Timer 밖에 없었고 열심히 찾아가며 적용한 내용을 기록하려고 합니다. 먼저 Timer에 대해서 간략히 알아보도록 하겠습니다. 아래의 애플 개발자 문서를 참고해주시면 좋을 것 같습니다. Apple Developer Documentation developer.apple.com Timer는 특정 시간 간격이 경과한 후 실행되게 하고 지정된 메시지를 대상 객체에게 보내는 것이라고 되어있습니다. 조금 더 스크롤을 내리다 보면 어떻게 사용하는지에대한 내용이 나옵니다. 저는 소개해준 메서드 중에서 schedu..

안녕하세요~ 오늘은 제가 애용하고 있는 라이브러리인 SnapKit에 대해서 간단히 정리하고 발생했던 생겼던 이슈를 정리하려고 합니다. SnapKit에 대해서 알아보기 이전에 Swift에서 기본적으로 레이아웃의 제약조건을 주기 위해서는 Anchor의 constraint를 이용해 사용하는 것을 알고 계실 겁니다. var testButton = UIButton() // translatesAutoresizingMaskIntoConstraints은 기본적으로 ture로 설정되어있습니다. // 이는 자동으로 제약을 반변환하는 기능으로 제가 준 제약조건을 따르기 위해서는 false로 설정해야하죠! testButton.translatesAutoresizingMaskIntoConstraints = fale view.ad..

안녕하세요~ 오늘은 CollectionView에서 셀들을 왼쪽정렬하는 방법을 알아보다가 괜찮은 방법이 있어 정리하려고 합니다. 먼저 사용하게 될 UICollectionViewFlowLayout에 대해서 간략히 소개하고 시작하겠습니다. FlowLayout UICollectionViewFlowLayout 클래스를 이용하여 셀을 원하는 형태로 정렬할 수 있다. FlowLayout은 레이아웃 객체가 셀을 선형 경로에 배치하고 최대한 많은 셀을 채우는 것을 말합니다. 현재 행에서 레이아웃 객체의 공간이 부족하면 새로운 행을 생성하게 됩니다. 역할 플로우 레이아웃 객체를 작성해 컬렉션뷰의 레이아웃 객체로 지정 셀의 너비와 높이를 구성 셀의 간격을 조절 섹션의 헤더 혹은 섹션 푸터를 크기를 지정 스크롤 방향을 설정 ..