김지현
1️⃣ 친구 테이블뷰 목록 구현
- HeaderCell (내 프로필), FriendsCell .swift 파일을 만들어서 각 셀의 이미지, 라벨의 아울렛 연결 후 image와 text를 받아올 함수 구현 (생략)
- FriendsViewController(UIViewController)에서 extension 으로 UITableViewDataSource, UITableViewDelegate 함수 추가
- DataInformation 파일에서 구조 만든 후, FriendsViewController에서 친구들 정보 추가 (생략)
func numberOfSections(in tableView: UITableView) -> Int {
return 2
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
switch section {
case 0:
return 1
default:
return dataInformations.count
}
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
switch indexPath.section {
case 0:
guard let headerCell = tableView.dequeueReusableCell(withIdentifier: HeaderCell.identifier, for:
indexPath) as? HeaderCell
else { return UITableViewCell() }
headerCell.setDataInformation(name: "김지현",
message: "아요^0^", imageName: "profile7Img")
return headerCell
default:
guard let friendsCell = tableView.dequeueReusableCell(withIdentifier: FriendsCell.identifier, for:
indexPath) as? FriendsCell
else { return UITableViewCell() }
friendsCell.setDataInformation(name: dataInformations[indexPath.row].name,
message: dataInformations[indexPath.row].message, imageName: dataInformations[indexPath.row].imageName)
return friendsCell
}
}let footerView = UIView()
let friendNumLabel = UILabel()
if section == 0 {
let separatorView = UIView(frame: CGRect(x: 15.5, y: 0, width: 345, height: 0.5))
separatorView.backgroundColor = UIColor(red: 112/255, green: 112/255, blue: 112/255, alpha: 1)
friendNumLabel.text = "친구 \(dataInformations.count)"
friendNumLabel.font = UIFont.systemFont(ofSize: 11)
friendNumLabel.textColor = UIColor(red: 129/255, green: 129/255, blue: 129/255, alpha: 1)
friendNumLabel.frame = CGRect.init(x: 16, y: 9.5, width: 60, height: 17)
footerView.backgroundColor = UIColor.white
footerView.addSubview(separatorView)
footerView.addSubview(friendNumLabel)
}
return footerView
}처음엔 headerView에 구분선과 친구 20 을 헤더뷰에 넣었다가, 헤더뷰 특징 상 아래로 내리면 헤더뷰만 위에 남아있게 되는데, 남아있지 않게 구현하는 것을 아직 못해서 footerView에 구분선과 친구 20을 추가했다 ㅜㅜ
구분선을 포토샵으로 만들어 넣어야 하나 했는데, UIView의 높이를 0.5로 작게 해서 선처럼 넣는 방법이 신기했다 🤭
2️⃣ 도전과제 : 친구목록 삭제 기능
UITableViewDelegate 함수 중 canEditRowAt이 포함된 함수 -> row를 수정 가능하게 함 / HeaderCell은 내 프로필이므로 수정 불가하게 했다 UITableViewDelegate 함수 중 commit editingStyle 이 포함된 함수 -> editingStyle 이 delete이며, section이 1이라면(친구목록셀) 삭제
func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
switch indexPath.section {
case 0:
return false
default:
return true
}
}
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete && indexPath.section == 1 {
dataInformations.remove(at: indexPath.row)
friendsTableView.deleteRows(at: [indexPath], with: .fade)
}
}3️⃣ 도전과제 : 네비게이션바아이템 actionsheet
FriendsViewController에 바버튼아이템 액션을 연결해주어 UIAlertController가 뜨도록 함
@IBAction func settingItem(_ sender: UIBarButtonItem) {
let optionMenu = UIAlertController()
let deleteAction = UIAlertAction(title: "친구 관리", style: .default)
let saveAction = UIAlertAction(title: "전체 설정", style: .default)
let cancelAction = UIAlertAction(title: "취소", style: .cancel)
optionMenu.addAction(deleteAction)
optionMenu.addAction(saveAction)
optionMenu.addAction(cancelAction)
self.present(optionMenu, animated: true, completion: nil)
}4️⃣ 그 외
AppDelegate에서 탭바 tintColor 지정
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
// Override point for customization after application launch.
UITabBar.appearance().tintColor = UIColor(red: 47/255, green: 54/255, blue: 62/255, alpha: 1)
return true
}ViewDidLoad
- setdataInformations() 호출
- datasource, delegate 대리자 위임
- row간의 separator 없애기
- 네비게이션바 설정
override func viewDidLoad() {
super.viewDidLoad()
setdataInformations()
friendsTableView.dataSource = self
friendsTableView.delegate = self
friendsTableView.separatorStyle = FriendsCell.SeparatorStyle.none
navigationController?.navigationBar.barTintColor = UIColor.white
navigationController?.navigationBar.tintColor = UIColor(red: 39/255, green: 39/255, blue: 39/255, alpha: 1)
navigationController?.navigationBar.shadowImage = UIImage()
}탭바, 네비게이션 Embed In
궁금한 점, 추가
- shadowImage
- 네비게이션 바버튼 아이템 font 수정...
- UIViewController 에 dataSource, delegate 대리자 위임 방법 말고 TableViewController로 구현
- cell style -> RightDetail로
1️⃣ 회원가입 구현
- APIConstants.swift - API 주소 모아놓는 곳
import Foundation
struct APIConstants {
static let baseURL = "http://13.209.144.115:3333"
static let signinURL = APIConstants.baseURL + "/user/signin"
static let signupURL = APIConstants.baseURL + "/user/signup"
}
- SigninData.swift - 로그인 JSON 데이터 TokenData struct가 따로 있는 이유 -> 존재하지 않는 아이디이거나 비밀번호를 틀렸을 때엔 token이 없기 때문에 data 의 key값(토큰)이 있을 때와 없을 때를 구분해주기 위해
struct SigninData: Codable {
var status: Int
var success: Bool
var message: String
var data: TokenData?
enum CodingKeys: String, CodingKey {
case status = "status"
case success = "success"
case message = "message"
case data = "data"
}
init(from decoder: Decoder) throws {
let values = try decoder.container(keyedBy: CodingKeys.self)
status = (try? values.decode(Int.self, forKey: .status)) ?? -1
success = (try? values.decode(Bool.self, forKey: .success)) ?? false
message = (try? values.decode(String.self, forKey: .message)) ?? ""
data = (try? values.decode(TokenData.self, forKey: .data)) ?? nil
}
}
struct TokenData: Codable {
var jwt: String
}
- NetworkResult.swift -> 서버 통신에 따른 결과
- LoginService.swift -> 로그인 서버 통신 구현
- SignUpService.swift -> 회원가입 서버 통신 구현
private func judge(by statusCode: Int, _ data: Data) -> NetworkResult<Any> {
switch statusCode {
case 200: return isUser(by: data) // 200일 땐 함수 사용해서 분기처리 두 번
case 400: return .pathErr
case 500: return .serverErr default: return .networkFail }
}
private func isUser(by data: Data) -> NetworkResult<Any> {
let decoder = JSONDecoder()
guard let decodedData = try? decoder.decode(SigninData.self, from: data) else { return .pathErr }
guard let tokenData = decodedData.data else { return .requestErr(decodedData.message) }
return .success(tokenData.jwt)
}처음엔 case 200일 때 requestErr (이미 있는 아이디 등등의 에러)를 하고 204일 때 isSignUp을 호출했지만
아직 decode 전이어서 requestErr, success 모두 200이었다 (지윤언니가 알려줌 ㅜㅜ)
그래서 우선 200일 때 isSignUp을 호출해서 decode success 여부에 따라 success와 requestErr를 나눠줌
private func judge(by statusCode: Int, _ data: Data) -> NetworkResult<Any> {
switch statusCode {
//case 200: return .requestErr(true)
case 200: return isSignUp(by: data)
case 400: return .pathErr
case 500: return .serverErr default: return .networkFail }
}
private func isSignUp(by data: Data) -> NetworkResult<Any> {
let decoder = JSONDecoder()
guard let decodedData = try? decoder.decode(SignupData.self, from: data)
else {
return .pathErr }
if decodedData.success{
return .success(data)
}
else {
return .requestErr(decodedData.message)
}
}static let shared = SignUpService()SignUpService.shared.signup(id: inputID, pwd: inputPWD, name: inputNAME, email: inputEMAIL, pNum: inputNUM) { //뒤 생략
- SignUpData.swift 회원가입 시엔 토큰 값이 필요없으므로 datad와 struct TokenData를 빼줌
- LoginViewController.swift - 생략
- JoinViewController.sift success 시 다시 로그이 창을 되돌아감
case .success: // 데이터 통신 성공시 탭바로 되어있는 메인화면 present
print("success")
self.navigationController?.popViewController(animated: true)1️⃣ 오늘의 집 메인화면 구현 - ViewController
- HeaderCell (내 프로필), FriendsCell .swift 파일을 만들어서 각 셀의 이미지, 라벨의 아울렛 연결 후 image와 text를 받아올 함수 구현 (생략)
- FriendsViewController(UIViewController)에서 extension 으로 UITableViewDataSource, UITableViewDelegate 함수 추가
- DataInformation 파일에서 구조 만든 후, FriendsViewController에서 친구들 정보 추가 (생략)
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
if collectionView.tag == 1 {
return 2
}
if collectionView.tag == 2 {
return 4
}
if collectionView.tag == 3 {
return 9
}
return 0
}(넣는 것 실패 ㅜㅜ 시간날 때 수정)
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
// cell identifier 별로 다르게 작업하는 방법
// cell identifier 통일하되 각 컬렉션 별로 작업하는 방법
// 아이에 컬렉션뷰 배치를 코드로 하는 방법
switch collectionView.tag {
case 1:
/* guard let topCell = collectionView.dequeueReusableCell(withReuseIdentifier: MainTopCollectionViewCell.identifier, for:
indexPath) as? MainTopCollectionViewCell
else { return UICollectionViewCell() }
topCell.topSet(topList[indexPath.row])
//MainTopCollectionViewCell.setDataInformation(name: "김지현",
//message: "아요^0^", imageName: "profile7Img")*/
let topCell = collectionView.dequeueReusableCell(withReuseIdentifier: "TopCell", for: indexPath)
return topCell
case 2:
/*guard let storyCell = collectionView.dequeueReusableCell(withReuseIdentifier: MainStoryCollectionViewCell.identifier, for:
indexPath) as? MainStoryCollectionViewCell
else { return UICollectionViewCell() }
storyCell.storySet(storyList[indexPath.row])
//MainTopCollectionViewCell.setDataInformation(name: "김지현",
//message: "아요^0^", imageName: "profile7Img")
*/
let storyCell = collectionView.dequeueReusableCell(withReuseIdentifier: "StoryCell", for: indexPath)
return storyCell
case 3:
/*guard let popularCell = collectionView.dequeueReusableCell(withReuseIdentifier: MainPopularCollectionViewCell.identifier, for:
indexPath) as? MainPopularCollectionViewCell
else { return UICollectionViewCell() }
popularCell.popularSet(popularList[indexPath.row])
//MainTopCollectionViewCell.setDataInformation(name: "김지현",
//message: "아요^0^", imageName: "profile7Img")
return popularCell*/
let popularCell = collectionView.dequeueReusableCell(withReuseIdentifier: "PopularCell", for: indexPath)
return popularCell
default:
guard let popularCell = collectionView.dequeueReusableCell(withReuseIdentifier: MainPopularCollectionViewCell.identifier, for:
indexPath) as? MainPopularCollectionViewCell
else { return UICollectionViewCell() }
popularCell.popularSet(popularList[indexPath.row])
//MainTopCollectionViewCell.setDataInformation(name: "김지현",
//message: "아요^0^", imageName: "profile7Img")
return popularCell
}
}delegate 에서 크기 설정해주는 것과 스토리보드에서 설정해주는 것 중 뭐가 먼저지? 세개의 셀 각각 CollectionViewCell 파일 만들어서 image와 label값 설정