[3주차] 기본과제 구현 #9

meltsplit · 2023-04-22T15:54:48Z

🔥 Pull requests

🌴 작업한 브랜치

[WEEK 3] 3주차 과제 구현 #8

✅ 작업한 내용

마이페이지 구현
ScrollView에 스크롤 안되는 tableView 쌓는 방식
footerView 한 파일만 만들고 내부에서 seperator 보여줄지 logout버튼 보여줄지 결정함!
ProfileView에서 stackView 많이 활용해봤음!
footerView의 사이즈는 intrincsContentSize를 통해 알아서 계산함

❗️PR Point

킁!

📸 스크린샷

meltsplit

뷰모델까지 짜긴 어려워서 일단은 MVC로 구현했습니다! MyPage 관련 파일만 봐주시면 감사하겠습니당

meltsplit · 2023-04-28T22:46:15Z

SOPTving/SOPTving/Presentation/MainScene/View/MyPageSettingFooterView.swift

+
+    private let isLastSection: Bool
+


해당 bool을 통해 마지막 섹션이라면 로그아웃 버튼을 아니라면 구분선을 띄움!

meltsplit · 2023-04-28T22:47:04Z

SOPTving/SOPTving/Presentation/MainScene/View/MyPageSettingFooterView.swift

+
+    private lazy var vStackView: UIStackView = {
+        let stackView = UIStackView(arrangedSubviews: [seperatorView,logoutButton])
+        stackView.axis = .vertical
+        stackView.alignment = .center
+        return stackView
+    }()
+


구분선과 로그아웃버튼은 스택뷰로 묶여져있고 둘중 하나를 히든 처리하면 스택뷰 사이즈도 작아짐

meltsplit · 2023-04-28T22:47:54Z

SOPTving/SOPTving/Presentation/MainScene/View/MyPageSettingFooterView.swift

+        vStackView.snp.makeConstraints {
+            $0.top.bottom.equalToSuperview().inset(20)
+            $0.leading.trailing.equalToSuperview()
+        }
+
+        seperatorView.snp.makeConstraints {
+            $0.width.equalToSuperview().inset(10)
+            $0.height.equalTo(1)
+        }
+
+        logoutButton.snp.makeConstraints {
+            $0.width.equalToSuperview()
+            $0.height.equalTo(54)
+        }


스택뷰는 슈퍼뷰와 제약조건 잡고
구분선과 로그아웃버튼은 크기만 지정

meltsplit · 2023-04-28T22:49:10Z

SOPTving/SOPTving/Presentation/MainScene/ViewController/MyPageVC.swift

+    func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
+        switch section {
+        case 0:
+            return MyPageSettingFooterView(isLastSection: false).intrinsicContentSize.height
+        case 1:
+            return MyPageSettingFooterView(isLastSection: true).intrinsicContentSize.height
+        default:
+            return 0
+
+        }
+    }


푸터 높이는 해당 푸터인스턴스 만든 후 인스턴스의 intrincsSize 계산하여 반환

meltsplit · 2023-04-28T22:49:43Z

SOPTving/SOPTving/Presentation/MainScene/ViewController/MyPageVC.swift

+    func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
+
+        switch section {
+        case 0:
+            return MyPageSettingFooterView(isLastSection: false)
+        case 1:
+            return MyPageSettingFooterView(isLastSection: true)
+        default:
+            return nil
+        }
+    }
+}


마지막 섹션일때만 인자에 true를 넣어준다

meltsplit · 2023-04-28T22:50:40Z

SOPTving/SOPTving/Presentation/MainScene/View/MyPageProfileView.swift

+    private let nameButton: UIButton = {
+        var config = UIButton.Configuration.filled()
+        config.buttonSize = .small
+        config.baseBackgroundColor = .clear
+        config.image = UIImage(systemName: "pencil")
+        config.imagePlacement = .trailing
+        config.imagePadding = 5
+        config.imageColorTransformer = .init({ _ in
+            return .tvingLightGray
+        })
+        var subtitleAttr = AttributedString.init("장석우")
+        subtitleAttr.font = .tvingSemiBold(ofSize: 23)
+        config.attributedTitle = subtitleAttr
+
+        let button = UIButton(configuration: config)
+
+        return button
+    }()


버튼 configuration 사용하기 넘 어렵..ㄷ

pastapeter · 2023-04-30T17:14:31Z

SOPTving/SOPTving/Presentation/MainScene/VC/MainVC.swift

+    private var currentNode : Node<String>? {
+        didSet{ mainTitle = currentNode?.data }
+    }
+    private var dataLinkedList = LinkedList<String>()


삽입삭제가 자주 필요한 곳에 썻다면 굳

캐로우셀에 적용시키려니까 너무 어렵네여으 ㅠㅜ 그냥 배열로 할까봐요...

Zoe0929

복잡한 제 코드 보다가 잠시 쉬러 왔습니다.. 깔끔한 코드 힐링이네요.. 😵‍💫🌿 석우님 코드 너무 궁금해요~~~

Zoe0929 · 2023-05-04T19:49:24Z

SOPTving/SOPTving/Presentation/MainScene/View/MyPageProfileView.swift

+        memberShipStackView.addArrangedSubViews(memberShipImageView,
+                                                memberShipLabel,
+                                                myMemberShipButton)
+
+        cashStackView.addArrangedSubViews(cashImageView,
+                                          cashLabel,
+                                          myCashButton)
+
+        darkStackView.addArrangedSubViews(memberShipStackView, cashStackView)


저는 보통 stackView를 생성할 때 lazy var로 선언한 뒤 생성할 때 .addArrangedSubViews를 하는 편인데, 혹시 이렇게 하면 조금 비효율적일까요..? 요렇게 밖에 빠져 있는 걸 보니까 급 의문이 드네오.. 🤔🤔

저도 처음에 조이님 방법처럼 작성했다가 다른분들이 제 코드를 볼때, 뷰의 계층구조는 모두 layout() 함수에 모아져 있는 것이 가독성 측면에 좋아보일 것 같아서 밖으로 뺐습니다.

Zoe0929 · 2023-05-04T19:57:05Z

SOPTving/SOPTving/Presentation/MainScene/View/MyPageSettingTableViewCell.swift

+
+        rightImageView.snp.makeConstraints {
+            $0.centerY.equalToSuperview()
+            $0.trailing.equalToSuperview().offset(-5)


이것도 그냥 궁금해진건데 코드에서 이런 식으로 inset과 offset을 혼합해서 쓰면 가독성이 조금 떨어질까요?

circleProfileButton.snp.makeConstraints{ $0.top.equalToSuperview().offset(55) $0.trailing.equalToSuperview().inset(11) }

저는 가독성보단 offset과 inset의 역할이 뭔지에 따라 offset으로 할지 inset으로 할지 결정하는데여
한 Constraints만 수정할때는 offset을 사용하고
하나이상의 constraints를 조정할 때는 inset을 사용합니다.

circleProfileButton.snp.makeConstraints{ $0.top.equalToSuperview().offset(55) $0.trailing.equalToSuperview().offset(-11) }

circleProfileButton.snp.makeConstraints{ $0.top.equalToSuperview().offset(55) $0.leading.trailing.equalToSuperview().inset(11) }

오호.. 감사합니다! 제가 혹시 잘못 사용하고 있나 싶어서 질문드렸어요..ㅎㅎ

Zoe0929 · 2023-05-04T20:03:32Z

SOPTving/SOPTving/Presentation/MainScene/ViewController/MyPageVC.swift

+       let view = UIScrollView()
+        view.bounces = false
+        view.showsVerticalScrollIndicator = false
+        view.contentInsetAdjustmentBehavior = .never


오.. 검색해봤는데 이해가 잘 안돼요.. ㅜ,ㅜ 혹시 설명 부탁드려도 될까요?!

스크롤뷰를 어떻게 구현했는지가 궁금하신걸까여 아니면
bounces,
showsVerticalScrollIndicator,
contentInsetAdjustmentBehavior가 궁금하신건가엽?

앗 범위를 잘못 설정했네요.. 🥲 contentInsetAdjustmentBehavior 요 속성이 무슨 역할을 하는지 궁금했어요!

scrollview가 top을 superview와 일치시켜도 safearea를 넘지 못하는 오류해결하려고 추가했어욥!

meltsplit added 3 commits April 22, 2023 22:56

[Feat] ButtonBuilder패턴 생성 (+도무지 빌더패턴 왜쓰는지 모르겠음) #8

99b9d7a

[Chore] 오타수정 #8

98093a1

[Feat] 순환LinkedList 통해 문자열 전환 기능 구현 #8

f12c682

meltsplit self-assigned this Apr 22, 2023

meltsplit added 15 commits April 24, 2023 05:13

[Feat] Node에 prev 추가 #8

4d3a5d0

[Chore] Font, Color Extension 변수 및 메소드 class -> static 으로 변경 #8

332c4ec

[Chore] 폴더링 및 코드 일부 수정 #8

4f5cc4b

[Add] 이메일 정규식 추가 #10

c3a085f

[Add] Observer 패턴 추가 #10

5e188ff

[Refactor] MVVM 패턴으로 이메일 형식, 비밀번호 형식 유효할때 로그인버튼 활성화 #10

0c06cd7

[Feat] email, password 값에 따른 에러 핸들링 구현 #10

04297b6

[Chore] AuthTextField 클로저 -> authDelegate 방식으로 변경 #10

b665a3d

[Chore] Error 메세지 AuthError enum 내부 프로퍼티로 선언 #10

1a6df01

[Feat] TextField Return 버튼 누를시 UX 개선 #10

104ca3b

[Conflict] 파일복구 #8

7340e32

[Conflict] 파일복구2 복붙하기 #8

865df23

[Feat] 헤더뷰 구현 #8

0b08662

[Feat] 마이페이지 UI구현 #8

d532961

[Chore] 주석 제거 및 코드 수정 #8

3d0336b

meltsplit changed the title ~~[3주차] LinkedList 점검~~ [3주차] 기본과제 구현 Apr 28, 2023

meltsplit requested review from Zoe0929, kimscastle, seongmin221 and ckkim817 April 28, 2023 22:43

meltsplit added the 📝 과제 주차별 과제 이슈를 생성합니다. label Apr 28, 2023

meltsplit commented Apr 28, 2023

View reviewed changes

pastapeter reviewed Apr 30, 2023

View reviewed changes

[Git] gitignore 수정 및 프로젝트 파일 추가 #8

43a2fa7

Zoe0929 reviewed May 4, 2023

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[3주차] 기본과제 구현 #9

[3주차] 기본과제 구현 #9

meltsplit commented Apr 22, 2023 •

edited

Loading

meltsplit left a comment

meltsplit Apr 28, 2023

meltsplit Apr 28, 2023

meltsplit Apr 28, 2023

meltsplit Apr 28, 2023

meltsplit Apr 28, 2023

meltsplit Apr 28, 2023

pastapeter Apr 30, 2023

meltsplit May 5, 2023

Zoe0929 left a comment •

edited

Loading

Zoe0929 May 4, 2023

meltsplit May 5, 2023

Zoe0929 May 4, 2023

meltsplit May 5, 2023

Zoe0929 May 5, 2023

Zoe0929 May 4, 2023

meltsplit May 5, 2023

Zoe0929 May 5, 2023

meltsplit May 5, 2023

[3주차] 기본과제 구현 #9

Are you sure you want to change the base?

[3주차] 기본과제 구현 #9

Conversation

meltsplit commented Apr 22, 2023 • edited Loading

🔥 Pull requests

🌴 작업한 브랜치

✅ 작업한 내용

❗️PR Point

📸 스크린샷

meltsplit left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Zoe0929 left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

meltsplit commented Apr 22, 2023 •

edited

Loading

Zoe0929 left a comment •

edited

Loading