🧭 4Most

이상이 일상이 되는 회고, 4most

개발기간: 2020.12.27 ~ 2021.01.16

👩🏻‍💻 Team4Most - iOS Developer

이유진	신윤아	장혜령

lee-yujinn	YoonAh-dev	hryeong66
로그인/회원가입 기록 목표	회고 마이페이지 설정	키워드 설정 마이페이지 키워드

⚙️ 개발환경 및 라이브러리

🖼 서비스 Workflow

📱 기능 명세서

주요기능	상세기능	우선순위	담당자	구현
로그인/회원가입	회원가입 및 로그인	`P1`	이유진	⭕️
	자동로그인	`P2`	이유진	⭕️
키워드 설정	키워드 선택	`P1`	장혜령	⭕️
	키워드 추가 및 삭제	`P1`	장혜령	⭕️
	키워드 우선순위 지정	`P1`	장혜령	⭕️
	키워드 정의 작성	`P1`	장혜령	⭕️
기록	기록 날짜별 조회	`P1`	이유진	⭕️
	키워드 별 기록 추가	`P1`	이유진	⭕️
	기록 상세 페이지	`P1`	이유진	⭕️
	기록 수정 및 삭제	`P1`	이유진	⭕️
	기록 날짜 변경	`P1`	이유진	⭕️
목표	목표 주차별 조회	`P2`	이유진	⭕️
	목표 상세 페이지	`P2`	이유진	⭕️
	키워드 별 목표 추가	`P2`	이유진	⭕️
	목표 수정 및 삭제	`P2`	이유진	⭕️
	목표 달성여부 체크	`P2`	이유진	⭕️
	목표 주차 변경	`P2`	이유진	⭕️
회고	리포트 조회	`P1`	신윤아	⭕️
	키워드 별 리포트 조회	`P1`	신윤아	⭕️
	회고 조회	`P1`	신윤아	⭕️
	회고 작성	`P1`	신윤아	⭕️
	회고 주차 변경	`P1`	신윤아	⭕️
마이페이지	키워드 우선순위 변경	`P2`	장혜령	⭕️
	키워드 정의 조회	`P2`	장혜령	⭕️
	키워드 추가 및 삭제	`P2`	장혜령	⭕️
	기록 키워드 등록 및 해제	`P2`	장혜령	⭕️
	사용자 정보 조회	`P3`	신윤아	⭕️
	비밀번호 변경	`P3`	신윤아	⭕️
	회원탈퇴	`P3`	신윤아	⭕️

✅ 개발 설명

핵심 기능 구현 방법

키워드 설정

 //KeywordSettingTVC - tableviewcell 안에 버튼 클릭 delegate
     protocol SelectKeywordDelegate {
       func addSelectedKeyword(_ cell: KeywordSettingTVC, selectedText: String) -> Bool

       func cancelSelectedKeyword(_ cell: KeywordSettingTVC, selectedText: String)
     }

     }

 ///KeywordSettingVC
     extension KeywordSettingVC: SelectKeywordDelegate{
       func addSelectedKeyword(_ cell: KeywordSettingTVC, selectedText: String) -> Bool{
           if selectedKeywordCount >= 8{
               alertKeyword()
               return false
           }else{
               if attitudeOfWork.contains(selectedText){
                   selectedKeywordList[1].append(selectedText)
               }else{
                   selectedKeywordList[0].append(selectedText)
               }
               selectedKeywordCount += 1
               setButtonActive()
               return true
           }
       }

       func cancelSelectedKeyword(_ cell: KeywordSettingTVC, selectedText: String) {
           var keywordIndex = -1

           for i in 0...2{
               keywordIndex = selectedKeywordList[i].firstIndex(of: selectedText) ?? -1
               if keywordIndex != -1{
                   selectedKeywordList[i].remove(at: keywordIndex)
                   selectedKeywordCount -= 1
                   setButtonActive()
               }
           }
       }
   }

tableview cell 안에 키워드 버튼들이 있습니다. 그 버튼을 눌렀을 때, 그 눌리 버튼의 이름이 무엇이었는지, 현재 눌린 버튼은 몇개인지를 알아야했다. 다른 계층의 뷰 사이의 정보를 처음에는 어떻게 주고 받을지 몰라 static 변수로 눌린 갯수를 +,- 했다. 그 static 변수가 8개가 되었는지 검사할 수 있는 방법이 없었다. 이 문제를 delegate를 이용하여 해결하였다. 하위 뷰에 cell에 delegate 함수를 사용하고 그 함수를 상위인 VC에서 구현하여 데이터를 주고 받았다.

기록

@IBAction func btnMoreTapped(_ sender: Any) {
        if sender is UIButton {
            isExpanded = !isExpanded
            
            sizingLabel.numberOfLines = isExpanded ? 0 : 1
            labelBody.textColor = isExpanded ? UIColor.mainLightGray3 : UIColor.white
            labelBody.font = .myRegularSystemFont(ofSize: 15)
            sizingLabel.font = .myRegularSystemFont(ofSize: 15)
            buttonMore.setImage(isExpanded ? UIImage(named: "btn_chevron_down"): UIImage(named: "btn_chevron_up"), for: .normal)
            
            delegate?.moreTapped(cell: self)
        }
    }

 func moreTapped(cell: DetailTVC) {
        tableView.beginUpdates()
        tableView.endUpdates()
    }

기록의 개수에 맞게 드롭다운이 되며 정보가 보여져야 하는 부분에서 테이블뷰의 길이가 동적으로 변했어야 했다. 탭이 눌리면 tableview가 레이아웃을 다시 잡을 수 있게 동적인 길이를 갱신되어야 해서 테이블뷰의 길이는 estimatedRowHeight로 초기에 잡고 automaticDimension을 적용시켜주어 구현했다.

회고

func collectionView(_ collectionView: UICollectionView, heightForLabelAtIndexPath indexPath: IndexPath) -> CGFloat {
        let width = (collectionView.bounds.size.width - (collectionView.contentInset.left + collectionView.contentInset.right + 16 + 16 + 30)) / 2 - 30
        let label: UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: width, height: CGFloat.greatestFiniteMagnitude))
        label.text = taskTitle[indexPath.item]
        label.preferredMaxLayoutWidth = width
        label.numberOfLines = 0
        label.lineBreakMode = NSLineBreakMode.byWordWrapping
        label.contentMode = .scaleToFill
        label.font = .myBoldSystemFont(ofSize: 16)
        label.sizeToFit()
        
        let calculateHeight = label.intrinsicContentSize.height + 120
        return calculateHeight
    }

회고뷰에서 키워드별 리포트 상세 기록을 조회할 시 해당 행동 기록 text가 가지고 있는 Label 크기에 따라 셀의 height 크기가 각각 다른 UICollectionView를 생성해야 했습니다. 따라서 UICollectionViewLayout 파일을 따로 생성해 collectionView의 높이를 생성하는 collectionView 함수를 override하여 Label에 따라서 셀 크기를 다르게 생성하는 함수 collectionView를 만들었습니다. 해당 함수에서는 들어가는 Label의 높이를 계산해내어 각 셀마다 다른 높이를 가질 수 있도록 했습니다.

Extension을 통해 작성한 메소드 설명

Extension+Date

extension Date {
    var startOfWeek: Date? {
        var gregorian = Calendar(identifier: .gregorian)
        gregorian.timeZone = TimeZone(secondsFromGMT: 0)!
        guard let monday = gregorian.date(from: gregorian.dateComponents([.yearForWeekOfYear, .weekOfYear], from: self)) else { return nil }
        if Calendar.current.component(.weekday, from: monday) == 1{ //일요일일때
            return gregorian.date(byAdding: .day, value: 1, to: monday)
        }else{
            return gregorian.date(byAdding: .day, value: 2, to: monday)
        }
    }
    
    var endOfWeek: Date? {
        var gregorian = Calendar(identifier: .gregorian)
        gregorian.timeZone = TimeZone(secondsFromGMT: 0)!
        guard let sunday = gregorian.date(from: gregorian.dateComponents([.yearForWeekOfYear, .weekOfYear], from: self)) else { return nil }
        if Calendar.current.component(.weekday, from: self) == 1{ //일요일일때
            return gregorian.date(byAdding: .day, value: 2, to: sunday)
        }else{
            return gregorian.date(byAdding: .day, value: 7, to: sunday)
        }
    }
}

서버와의 통신에서 현재 시점 주차의 시작날짜와 마지막날짜를 유닉스타임으로 변환해서 보내기 위해 사용

iOS에서 제공되는 Calendar는 매주 일요일을 주의 시작으로 계산하기 때문에 월요일부터 계산하는 포모스트에는 맞지 않아 일요일인 경우를 예외적으로 계산해서 현재 시점의 시작과 끝 날짜를 리턴!

🤝 4Mosts Code Convention Rule

네이밍

함수

  func set4Most() {
  } 
  lowerCamelCase 사용하고 동사로 시작

변수

  var fourMostMembers = 13
  lowerCamelCase 사용

상수

  let fourMostiOSDevelopers: [String] = ["유진", "윤아", "혜령"]
  lowerCamelCase 사용

클래스

  class fourMost{
  }
  UpperCamelCase 사용

파일명

약어

ViewController VC

TableViewCell TVC

CollectionViewCell CVC
메서드
- 설정 관련 메서드는 set으로 시작
```
  func setNavigationBar() {
  }
```

기타규칙

self는 최대한 사용을 지양
viewDidLoad()에서는 함수호출만
- delegate 지정, UI관련 설정 등등 모두 함수로
함수는 extension에 정의하고 정리
- extension은 목적에 따라 분류

🍎 4Mosts Team Rule

git

🔀 git branch

master : 제품으로 출시될 수 있는 브랜치
develop : 다음 출시 버전을 개발하는 브랜치
feature : 기능을 개발하는 브랜치
release : 이번 출시 버전을 준비하는 브랜치

✌️ git commit message

[Feat] : 기능추가
[Fix] : 버그수정
[Chore] : 간단한 수정
[Docs] : 문서 및 리드미 작성
[Merge] : 머지

project foldering

Resourse : asset, info.plist, AppDelegate 관리

Source : Scene(flow 별로 폴더링) -> Storyboard, VC, Network(API), Model 등 관리

4Most_iOS
  |── Source
  │   └── Scene
  │         ├── MyDaily.storyboard
  │         ├── View
  │         │     │── Cell
  │         │     └── VC
  │         └── Network
  │               └── Service
  │               └── Response
  │               └── Resquest
  └── Resource 
     |── Assets.xcassets
     |── LaunchScreen.storyboard
     |── AppDelegate.swift
     |── SceneDelegate.swift
     └── Info.plist

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

README.md

README.md

🧭 4Most

👩🏻‍💻 Team4Most - iOS Developer

⚙️ 개발환경 및 라이브러리

🖼 서비스 Workflow

📱 기능 명세서

✅ 개발 설명

🤝 4Mosts Code Convention Rule

네이밍

기타규칙

🍎 4Mosts Team Rule

git

project foldering

	약어
ViewController	`VC`
TableViewCell	`TVC`
CollectionViewCell	`CVC`

Files

README.md

Latest commit

History

README.md

File metadata and controls

🧭 4Most

👩🏻‍💻 Team4Most - iOS Developer

⚙️ 개발환경 및 라이브러리

🖼 서비스 Workflow

📱 기능 명세서

✅ 개발 설명

🤝 4Mosts Code Convention Rule

네이밍

기타규칙

🍎 4Mosts Team Rule

git

project foldering