본문 바로가기

전체 글

 (388)
category 표현하기 구현 내용카테고리 내의 부분을 누르면 눌린 카테고리 색은 진하게 변하고, 그 밑에 밑줄이 생긴다. 카테고리 부분은 컬렉션 뷰로 구현되어 있다.  구현 방법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 ..
collectionView, pageControl 사용 구현 내용이미지를 가로 방향으로 스크롤하면 넘어가게 한다. 이때, 이미지 밑에 "점"표시를 통해 이미지 갯수 및 넘어가는 표시를 한다.  구현 방법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..
navigation Title의 위치를 왼쪽으로 옮기는 방법? 아래와 같이 버튼으로 하면? 왼쪽으로 옮길 수 있다. let label = UILabel()label.textColor = UIColor.labellabel.font = .systemFont(ofSize: 20, weight: .bold)label.text = "오늘은 여기 가볼까?"self.navigationItem.leftBarButtonItem = UIBarButtonItem.init(customView: label)  아래와 같이 작성하면 가운데로 온다...navigationItem.title = "오늘은 여기 가볼까?"
Custom TabBar 설정 오토레이아웃을 통해 플로팅? 약간 떠 있는 탭바를 만들어봤다. 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..
[Twitter Clone] Add Search Bar 🟨 구현 화면 🟨 SearchResultViewController.swiftsearchbar 에서 검색한 결과 반영import UIKitclass SearchResultsViewController: UIViewController { var users: [TwitterUser] = [] private let searchResultsTableView: UITableView = { let table = UITableView() table.translatesAutoresizingMaskIntoConstraints = false table.register(UserTableViewCell.self, forCellReuseIdentifier: UserTableVie..
[Twitter Clone] Show Tweet in Home View 🟨 구현 화면   🟨 Tweet.swiftimport Foundationstruct Tweet: Codable, Identifiable { var id = UUID().uuidString let author: TwitterUser let authorID: String let tweetContent: String var likesCount: Int var likers: [String] let isReply: Bool let parentReference: String?}  🟨 DatabaseManager.swiftcollectionTweets(retreiveTweets ...) 메서드 생성 firebase database 내에서 author.id를 통해 얻은 ..
[Twitter Clone] Connect to profileView 🟨 구현 화면  🟨 ProfileViewViewModel.swiftgetFormatterDate() 라는 메서드를 통해 날짜를 원하는 형식으로 변경하여 반환한다. import Foundationimport Combineimport FirebaseAuthfinal class ProfileViewViewModel: ObservableObject { @Published var user: TwitterUser? @Published var error: String? // @Published var tweets: [Tweet] = [] private var subscriptions: Set = [] func retreiveUser() { guar..

티스토리툴바