본문 바로가기

반응형

Mobile

(50)
[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..
[코딩테스트 입문] Swift - Day 8 1. 주사위의 개수 Q. 머쓱이는 직육면체 모양의 상자를 하나 가지고 있는데 이 상자에 정육면체 모양의 주사위를 최대한 많이 채우고 싶습니다. 상자의 가로, 세로, 높이가 저장되어있는 배열 box와 주사위 모서리의 길이 정수 n이 매개변수로 주어졌을 때, 상자에 들어갈 수 있는 주사위의 최대 개수를 return 하도록 solution 함수를 완성해주세요. **제한사항 box의 길이는 3입니다. box[0] = 상자의 가로 길이 box[1] = 상자의 세로 길이 box[2] = 상자의 높이 길이 1 ≤ box의 원소 ≤ 100 1 ≤ n ≤ 50 n ≤ box의 원소 주사위는 상자와 평행하게 넣습니다. func solution(_ box:[Int], _ n:Int) -> Int { Int(box[0]/n)..
[iOS] UIKit 미리보기 기능 추가(Preview) Extension 코드를 추가 UIKit를 사용하면서 미리보기 기능을 추가해주려면 SwiftUI를 사용해서 만들어주어야 합니다. 아래 코드를 새로운 파일 혹은 미리보기를 사용하려고 하는 파일에 추가해주세요. // ViewController+Ext.swift #if DEBUG import SwiftUI extension UIViewController { private struct Preview: UIViewControllerRepresentable { let viewController: UIViewController func makeUIViewController(context: Context) -> UIViewController { return viewController } func updateUIView..
[iOS] 커스텀 뷰 만들기(@IBDesignable & @IBInspectable) IBDesignable과 @IBInspectable을 이용해 커스텀 뷰를 만드는 방법에 대해 알아보도록 하겠습니다. 커스텀 뷰를 만드는 이유는 재사용 가능한 뷰를 만듦으로써 조금 더 쉽게 뷰를 사용하기 위함입니다. 1. 초기 세팅 우선 Main.storyboard에 뷰를 하나 만들어줍니다. 이 뷰를 ViewController.swift 파일에 @IBOutlet 으로 연결해줍니다. 저는 boxView로 이름을 만들었습니다. 다음으로 커스텀 뷰를 정의할 파일인 CustomView.swift 파일을 만들어줍니다. 2. @IBInspectable @IBInspectable은 스토리보드에서 뷰를 클릭했을 때 보이는 인스펙터에 속성을 보여주는 역할을 합니다. 말로는 이해가 잘 되지 않으실 수 있습니다. 아래 사진을..

반응형