밤새는 iOS 탐험기

🟧 카테고리 생성https://explorer89.tistory.com/99 category 표현하기구현 내용카테고리 내의 부분을 누르면 눌린 카테고리 색은 진하게 변하고, 그 밑에 밑줄이 생긴다. 카테고리 부분은 컬렉션 뷰로 구현되어 있다.  구현 방법1. categoryCell.swift 파일을 생성한다.explorer89.tistory.com  구현 내용각 카테고리를 누르면, 해당 카테고리 문구가 테이블뷰에 보여지게 한다.  구현 순서 1. HomeViewController.swift 파일 내에 데이터를 저장할 배열을 생성한다. class HomeViewController: UIViewController { // MARK: Variables var randomImages: [UI..

구현 내용카테고리 내의 부분을 누르면 눌린 카테고리 색은 진하게 변하고, 그 밑에 밑줄이 생긴다. 카테고리 부분은 컬렉션 뷰로 구현되어 있다.  구현 방법1. categoryCell.swift 파일을 생성한다. import UIKitclass CategoryCell: UICollectionViewCell { // MARK: - Variables static let identifier = "CategoryCell" // MARK: - UI Components private let titleLabel: UILabel = { let label = UILabel() label.translatesAutoresizingMaskIntoConstraints ..

구현 내용이미지를 가로 방향으로 스크롤하면 넘어가게 한다. 이때, 이미지 밑에 "점"표시를 통해 이미지 갯수 및 넘어가는 표시를 한다.  구현 방법1. 먼저 CollectionView를 생성한다. private lazy var randomPlaceCollectionView: UICollectionView = { let layout = UICollectionViewFlowLayout() layout.scrollDirection = .horizontal layout.minimumLineSpacing = 0 layout.minimumInteritemSpacing = 0 let collectionView = UICollectionView(frame: .zero, collectionVi..

아래와 같이 버튼으로 하면? 왼쪽으로 옮길 수 있다. let label = UILabel()label.textColor = UIColor.labellabel.font = .systemFont(ofSize: 20, weight: .bold)label.text = "오늘은 여기 가볼까?"self.navigationItem.leftBarButtonItem = UIBarButtonItem.init(customView: label)  아래와 같이 작성하면 가운데로 온다...navigationItem.title = "오늘은 여기 가볼까?"

오토레이아웃을 통해 플로팅? 약간 떠 있는 탭바를 만들어봤다. CustomTabBar.swift import UIKitclass CustomTabBar: UIView { // MARK: UI Components // 버튼을 담을 스택뷰 생성 private let stackView: UIStackView = { let stack = UIStackView() stack.axis = .horizontal stack.distribution = .equalSpacing stack.alignment = .center stack.backgroundColor = .systemBackground stack.layer..

먼저 테이블 뷰 생성 // MARK: - UI Components private let attractionTableView: UITableView = { let tableView = UITableView(frame: .zero, style: .grouped) tableView.register(CollectionViewTableViewCell.self, forCellReuseIdentifier: CollectionViewTableViewCell.identifier) return tableView }()  제약 조건 및 뷰에 넣기 // MARK: - Life Cycle override func viewDidLoad() { super.vi..

카카오톡 로그인 API 설정  https://developers.kakao.com/docs/latest/ko/kakaologin/common Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com  기본 설정은 위의 사이트에 들어가서 한다.  그 외의 파일은 아래 코드를 구현한다.  AppDelegate.swift 코드 구현 import UIKitimport CoreDataimport KakaoSDKCommonimport KakaoSDKAuth@mainclass AppDelegate: UIResponder, UIApplicationDelegate { ..

https://developer.apple.com/documentation/uikit/views_and_controls/collection_views Collection views | Apple Developer Documentation Display nested views using a configurable and highly customizable layout. developer.apple.com https://developer.apple.com/documentation/uikit/uicollectionview UICollectionView | Apple Developer Documentation An object that manages an ordered collection of data item..

아래 처럼 나와야 하는데.. 이거 하느라 엄청 뻘짓했다.. 아래 보면 스크롤하면 글자가 작아지고 커지고하면서 배경색이 그대로지만 func setupNavigationTitle() { self.navigationItem.title = "Home Controller" let appearance = UINavigationBarAppearance() appearance.backgroundColor = .systemIndigo navigationController?.navigationBar.standardAppearance = appearance navigationController?.navigationBar.scrollEdgeAppearance = appearance /* 그냥 navigationBar.barT..

먼저 피커뷰 델리게이트 설정 //MARK: - 피커뷰 델리게이트 설정 extension DetailViewController: PHPickerViewControllerDelegate { // 사진이 선택이 된 후에 호출되는 메서드 func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) { // 피커뷰 dismiss picker.dismiss(animated: true) let itemProvider = results.first?.itemProvider if let itemProvider = itemProvider, itemProvider.canLoadObject(ofClass: UIImage.self..