분류 전체보기 (164) 썸네일형 리스트형 [iOS] CollectionView - CompositionalLayout(1) 1. Layout Layout은 CollectionVIew의 Content들의 구성을 결정합니다. Layout은 개발자가 원하는 대로 Content를 구성할 수 있게 유연하게 디자인되어 있습니다. 아래 사진에 나와있는 App Store의 Layout도 Custom된 Layout으로 구성되어 있습니다. 2. Compositional Layout CollectionView는 두 가지 방식의 Layout을 제공하고 있습니다. FlowLayout CompositionalLayout 그 중에서 제가 공부해 볼 건 CompositionalLayout 입니다. CompositionalLayout은 빠르고 유연하게 다양한 형태로 뷰를 구성합니다. ConpositionalLayout은 Section, Group, Ite.. [iOS] CollectionView 이번 글에서는 CollectionView의 개념에 대해서 살펴보도록 하겠습니다. 다음 글부터는 실제로 CollectionView를 사용해보고, 어떤 식으로 활용이 가능한 지에 대해서 알아보겠습니다. 저는 CollectionView의 FlowLayout이 아닌 Compositional Layout을 사용할 예정입니다. * 이 글은 애플의 공식문서를 보고 작성했습니다. 공부하면서 작성한 거라 틀린 부분이 있을 수 있습니다. 그 부분에 대해서 댓글을 달아주시면 감사하겠습니다. 1. CollectionView 개요 (1) CollectionView? CollectionView는 TableView와 비교해 데이터의 Layout을 구성하는데 조금 더 자유로운 View입니다. (2) DataSource? UIColl.. [iOS] UIView 그림자 매번 헷갈려서 정리합니다. $0.layer.shadowOffset = CGSize(width: 5, height: 5) $0.layer.shadowColor = UIColor.black.cgColor $0.layer.shadowOpacity = 0.3 $0.layer.shadowRadius = 4 1. ShadowOffset 그림자의 위치를 설정합니다. width가 높을수록 오른쪽으로 이동, height이 높을수록 아래쪽으로 이동합니다. 2. ShadowColor 그림자의 색을 정합니다. 3. ShadowOpacity 그림자의 투명도를 결정합니다. 4. ShadowRadius 그림자의 퍼짐 정도를 결정합니다. [iOS] StatusBar & SearchBar 설정 앱을 기획할 때 전체적으로 어두운 느낌을 갖도록 기획했습니다. 따라서 배경도 어두운 색상으로 갖고 있어서 StatusBar, SearchBar 등을 수정해야 할 필요가 있었습니다. 먼저 아무것도 설정하지 않은 상태에서의 StatusBar 와 SearchBar 의 모습입니다. 여기서 저는 StatusBar의 상태를 봐야할 필요가 있습니다. 검은 색 글씨로 표현되어 있는데요. 이것을 해결할 필요가 있어보입니다. 1. 다크모드로 설정 !? iOS에는 Light 모드와 Dark 모드가 있습니다. 밝은 곳에서는 Light 모드를 지원해주고, 어두운 곳에서는 Dark 모드로 변경해주도록 설정되어 있습니다. 하지만 제가 기획한 것은 애초에 Dark 모드만을 가정했기 때문에, Dark 모드만 사용할 수 있도록 설정해주.. [iOS] SearchBar PlaceHolder 색상 변경 방법 Navigation의 Title 부분에 SearchBar를 넣어서 구성해주었더니, 의도치 않게 StatusBar의 색상이 변경됨에 따라 Placeholder의 색상이 변경되었다. Placeholder의 색상을 고정해주기 위해 구글링한 결과 아래와 같이 코드를 넣어주면 해결이 된다. override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated) // Navigation Title 부분에 들어가 있는 SearchBar의 placeholder 색상을 변경하기 위해 입력 self.searchBar .searchTextField .attributedPlaceholder = NSAttributedString(string: "검색어를 입력해.. [Project] Mission 02 개발하는 정대리 개인 미션 과제 1. URLSession과 RxSwift를 이용해 API를 호출 2. RxSwift에서 제공하는 TableView를 사용 3. Error 처리 4. Paging 처리 전체 코드 보기 TableView Delegate와 DataSource 사용 //MARK: - TableView DataSource extension FirstVC: UITableViewDataSource { func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return self.mocksVM.mocks.value.count } func tableView(_ tableView: UITableView, cel.. [Project] Mission 01 개발하는 정대리 개인 미션 과제 오토레이아웃을 StoryBoard 형식, No StoryBoard 형식, SnapKit 적용 형식 등 세 가지 방식으로 만든다. StoryBoard 에서 오토레이아웃 적용 전체 코드 보기 No StoryBoard 형식으로 오토레이아웃 적용 StoryBoard 에서 오토레이아웃을 적용한 것을 바탕으로 스토리보드 없이 코드로 만든 화면입니다. SnapKit 사용 x let scrollView: UIScrollView = { let view = UIScrollView() view.translatesAutoresizingMaskIntoConstraints = false view.showsVerticalScrollIndicator = false return view }() // S.. iOS 개발 꿀팁 사이트 1. 공식 문서 https://developer.apple.com/documentation/uikit UIKit | Apple Developer Documentation Construct and manage a graphical, event-driven user interface for your iOS, iPadOS, or tvOS app. developer.apple.com 2. Color Code https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RG.. [코딩테스트 입문] Swift - Day 9 1. 소인수분해 Q. 소인수분해란 어떤 수를 소수들의 곱으로 표현하는 것입니다. 예를 들어 12를 소인수 분해하면 2 * 2 * 3 으로 나타낼 수 있습니다. 따라서 12의 소인수는 2와 3입니다. 자연수 n이 매개변수로 주어질 때 n의 소인수를 오름차순으로 담은 배열을 return하도록 solution 함수를 완성해주세요. I. 문제 파악하기 - 소인수를 찾는다. - 오름차순으로 정렬한다. A. 문제풀기 func solution(_ n:Int) -> [Int] { // 결과 담을 Container var result = [Int]() // 소인수분해 할 수 var num = n // 나눌 값 var x = 2 while num != 1 { if num % x == 0 { num /= x result.a.. [iOS] 커스텀 폰트 적용하는 방법 (코드UI) 00. 구글 폰트에서 적당한 폰트를 다운받아 줍니다. 01. 다운받은 폰트를 압축 해제하고 Xcode 드래그해서 넣어줍니다. 이때 AddTarget을 반드시 해당 프로젝트에 추가해주어야 합니다. 02. Info.plist에 몇 가지 추가합니다. 03. UIFont Extension 파일을 만든 후 아래와 같이 코드를 작성해줍니다. import Foundation import UIKit extension UIFont { public enum SunflowerType: String { case medium = "-Medium" case light = "-Light" case bold = "-Bold" } static func Sunflower(_ type: SunflowerType = .medium, siz.. 이전 1 2 3 4 5 ··· 17 다음
