[iOS] TIL_230727

UserDefaults 저장하는 시기

뷰가 사라질 때만 저장하게 되면 만약 사용자가 화면을 날려서 없애버렸을 때 저장 안 됨.

→ 그냥 수시로 필요할때마다 유저디폴츠에 저장하는 게 좋음. 그 정도는 효율에 문제 X

뷰 갱신은 언제 하는 게 좋을까?

viewWillAppear : 화면이 뜰 때마다 호출 되는 함수.

UserDefaults 깔끔하게 쓰는 법

• 유저디폴츠 값이 다른 화면(다른 탭바 등)에서 변경되고 현재 화면 왔을때 바로바로 업데이트 된 모습을 확인하려면 viewWillAppear(_:)에서 유저디폴츠 값 불러와줘야함.

UserDefaults에 저장 할 수 있는 값

Int, String, Bool, Float, String Array

그 외의 enum, class 등은 인코딩이나 디코딩 등의 과정 필요

앱이 차지하는 데이터 공간

Bundle Container : 앱스토어에서 설치 할때 뜨는 용량 → 앱 설치할 때 필요한 용량

Data Container → 아이폰 설정-저장 공간에서 문서 및 데이터에 뜨는 용량

Data container

Documents,Library가 우리가 건드는 지점. Documents를 가장 많이 다룸.(파일 앱에서 사용하는 부분도 Documents)

SystemData, Library는 건들일 거의 없는 부분.

 

1. 테이블 뷰 구현하기

UIViewController의 루트뷰 → UIView

UITableViewController의 루트뷰 → UITableView

1. TableViewController와 Tableview

• TableView 크기조절 안 됨

• TableView cell 크기조절 됨

tableviewdp dataSource,delegate 미리 연결되어있음

UIView위에 TableView와 TableViewCell 얹기

TableView도 크기 조절 가능함.

TableviewCell

• system: 애플이 기본 제공하는 cell

  

• :contents + accesory로 구성
• custom: 직접 custom 할 수 있는 cell

애플이 제공하는 cell 스타일

Accessory 같은거도 있음

 

TableView

종류

• Dynamic : 사용자에 따라 내용과 길이가 달라지는 테이블에 사용
• Static: 모든 사용자에게 같은 것을 보여주는 테이블에 사용 (ex.설정)

Header,Footer

헤더푸터 하나만 가질 수 있음 테이블 뷰 위 아래쪽 ui 구성하고 싶을 때 .

uiview를 끌어다가 테이블 뷰에 위아래 넣으면 자동으로 쇽 들어감.

Style

• Plain
• Grouped
• Inset Grouped (iOS 13~)

Section

테이블뷰가 그룹별로 나뉘어져 있음.

separator inset 변경

이것저것 해보기 - Static TableView

cell style이 custom으로 되어있어야 여러가지 uiview요소 맘대로 올릴 수 있음.

TableView - Selection 몇개 선택할지

테이블 뷰를 위해 구현해야 할 최소한의 함수

1.섹션 내 셀의 갯수 : 카톡 친구 수만큼 셀 갯수가 필요해 라고 iOS 에게 전달. 천개 만개 해도 됨 (어차피 화면에 보이는 셀 개수만큼만 준비해두고 재사용함)

override func numberOfSections(in tableView: UITableView) -> Int { 		
	return 100  
}

2.셀 디자인 및 데이터 처리 : 카톡 프로필 모서리 둥글게, 프로필 이미지와 상태 메시지 반영 등

하나의 테이블 뷰에 여러가지 종류의 셀이 들어 갈 수 있어서 셀의 이름(identifier)이 필요

 

Cell Identifier 지정방법

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {       
	let cell = tableView.dequeueReusableCell(withIdentifier: "SettingCell")!  
	cell.textLabel?.text = "텍스트"         
	cell.textLabel?.textColor = .red         
	cell.textLabel?.font = .boldSystemFont(ofSize: 28)                  
	cell.detailTextLabel?.text = "디테일 텍스트"         
	cell.detailTextLabel?.textColor = .blue         
	cell.detailTextLabel?.font = .systemFont(ofSize: 15)                  
	cell.imageView?.image = UIImage(systemName: "star.fill")                 
	return cell  
}

1. 셀의 높이 (필수는 아님 안하면 디폴트값)

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {       
	return 70 
}

나중에 없어지니까 수정해야 할 부분.

heghtForRowAt 함수로 높이 지정하면 셀 하나하나 마다 생길때마다 함수 호출 됨

모든 셀 높이가 값이 같으면 다음과 같이 지정할 수 도 있음.

섹션별로 다르게 지정하는 방법

import UIKit  
class StudyTableViewController: UITableViewController {          
	let studyList = ["변수","상수","열거형","옵셔널 바인딩", "메서드", "프로퍼티"]      
	override func viewDidLoad() {         super.viewDidLoad()      }     
	override func numberOfSections(in tableView: UITableView) -> Int {         
	return 2     
    }
    
override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {         
	return section == 0 ? "첫번째 섹션" : "두번째 섹션"     
}      

//1. 셀 갯수 (필수)     
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {        
	return section == 0 ? studyList.count : 3              
}          

//2. 셀 데이터 및 디자인 처리 (필수)     
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {         
	let cell = tableView.dequeueReusableCell(withIdentifier: "todoCell")!         
	if indexPath.section == 0 {             
		cell.textLabel?.text = studyList[indexPath.row]         
	}else {             
		cell.textLabel?.text = "두번째 섹션에 들어갈 텍스트"         
	}         
	return cell     
 }      
 
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {         
	return 40     
}

textLabel 뒤에 ?가 붙는 이유

textLabel에는 ?가 붙어 있고 textLabel이 존재 해야 뒤에 코드 text = studyList[indexPath.row]가 실행 됨.

Basic style Cell은 detailTextLabel이 없음

Style에 따라 이미지도 있을 수도 있고 없을 수도 있음.

네비게이션컨트롤러 임베드하면 네비게이션 바 자동 생김.

네비게이션에 UIButton 넣으면 동작 안 함 . Bar Button 넣어야 동작 함.

reloadData()

테이블뷰 갱신해주는 함수. 테이블 뷰 처음부터 다시 그려줌

뭐하나 바뀌면 계속 갱신 해 줌. 데이터랑 뷰가 따로 놀기 때문에 싱크 해주는 과정이 필요함(동기화)

reload 종류 여러개임 적절히 효율적으로 하기 위해 각 함수를 사용할 수 있음

Extension

같은 디자인이나 폰트 넣고 싶으면 익스텐션으로 빼주면 좋음.

테이블 뷰에는 테이블 뷰당 하나만 가질 수 있는 tableHeaderView,tableFooterView(UIView) 프로퍼티와

섹션마다 하나씩 가질 수 있는 headerView, footerView(UITableViewHeaderFooterView) 가 있다.

섹션마다 가지는 headerView는 자동으로 sticky header