본문 바로가기

swift33

FSCalendar 를 이용하여 캘린더 뷰 만들기 구현하고자 하는 뷰 구현 코드 // // testVC.swift // Korail-iOS // // Created by sejin on 2022/11/17. // import UIKit import FSCalendar class TestVC: UIViewController { // 현재 캘린더가 보여주고 있는 Page 트래킹 lazy var currentPage = calendarView.currentPage // 이전 달로 이동 버튼 private let prevButton = UIButton(type: .system).then { $0.setImage(UIImage(systemName: "chevron.left"), for: .normal) $0.tintColor = .black } // 다음 달로 .. 2023. 2. 11.
.grouped, .insetGrouped style tableView에서 위아래 여백 제거하기 생성일: 2022년 7월 3일 오전 1:28 UITableView(frame: .zero, style: .insetGrouped) 또는 UITableView(frame: .zero, style: .grouped) 처럼 style을 지정해준다면 테이블 뷰에 기본적으로 header, footer가 들어가서 원하는 크기의 테이블뷰가 생성되지 않는다. 문제 화면 보기 편하게 테이블 뷰의 backgroundColor를 .white로 주었다. 각 셀의 높이를 50, 셀의 개수 4개 ⇒ 총 높이 200 이기 때문에 TableView의 높이를 200으로 지정해주었다. 하지만 위의 사진처럼 위에 기본 헤더가 존재해서 원하는대로 UI가 구현되지 않고 아래의 cell이 잘려서 보이게 된다. 해결 방법 TableView의 H.. 2023. 2. 11.
TableView vs. CollectionView Section Header 생성일: 2022년 7월 2일 오전 12:56 iOS의 시계 앱의 알람 부분을 구현하던 중에 뜻하지 않은 문제?를 발견했다. 스냅킷과 Then을 사용하여 코드 베이스 UI 구현을 연습하고 있었는데 위의 사진을 보면 cell이 반복되기 때문에 TableView 또는 CollectionView로 구현을 해야겠다고 마음 먹고 CollectionView 사용 경험이 적어서 연습할겸 CollectionView를 선택해서 구현을 했다. 구현 아이디어 콜렉션뷰의 섹션을 2개로 나눈다. 수면|기상 섹션 기타 섹션 섹션 헤더를 이용하여 “수면|기상" 부분과 “기타” 부분을 구현한다. 하나의 Swift 파일로 만들어 재사용하고 두번째 섹션에서는 “알람"이라고 크게 적힌 라벨과 침대 이미지를 제거하는 방식을 사용한다. 나머.. 2022. 4. 3.