Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: 3주차 필수 과제 #6

Merged
merged 8 commits into from
Nov 14, 2024
Merged

feat: 3주차 필수 과제 #6

merged 8 commits into from
Nov 14, 2024

Conversation

wjdrjs00
Copy link
Contributor

@wjdrjs00 wjdrjs00 commented Nov 1, 2024

Related issue 🛠

Work Description ✏️

  • 지금까지 과제로 진행한 뷰에 대해서 실습 때 진행한 플로우를 바탕으로 컴포넌트화 및 UI단 설계를 진행해주세요.
  • (홈, MY, 로그인, 회원가입 필수 검색 선택)
회원가입 로그인 MY
회원가입 화면 로그인 화면 홈 화면 MY 화면

1. 공통 컴포넌트 찾기

공통 컴포넌트
  • 공통 컴포넌트 추출 기준은 두 화면이상 공통적으로 보이는 컴포넌트 기준으로 추출해봤습니다.
  • text는 text색상별로 컴포넌트화 해보면 어떨까? 하는 생각으로 한번 추출해 봤습니다.
    • ex) whiteText() / grayText()

2. 뷰 스케치 및 각 화면 컴포넌트화

회원가입 로그인
회원가입 뷰 스케치 로그인 뷰 스케치
MY
홈 뷰 스케치 MY 뷰 스케치

3. UI 로직 설계

회원가입 로그인
회원가입 UI 로직 설계 로그인 로직설계
MY
홈 UI 로직 설계 My UI 로직 설계

4. 공통되는 로직 확장함수화

  • 오류메시지 출력 부분 (snackbar)
    • 제거 명확한 의도가 담기지 않았던 코드였다..(11.12일 수정)

Uncompleted Tasks 😅

  • 확장함수 사용해서 snackbar 적용하려했는데, 어디서부턴가 꼬여서 snackbar가 안나옵니다,, 찾아보는중,,
  • ui 설계대로 수정하는걸 늦게 알아서 못 한부분들 찾아서 수정하겠습니다!!

To Reviewers 📢

  • ui로직 설계를 어느정도로 해야하는지 결정하는게 어렵네요,, 좀 더 공부해보겠습니다!

Copy link

@beom84 beom84 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ui 단 설계 폼 미쳤네요 잘보고 갑니다

Copy link

@Hyobeen-Park Hyobeen-Park left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

설계 폼 미쳤네요ㄷㄷ 꼼꼼하다..!!!!

그리고 스낵바는 snackbarHostState를 사용하려면 먼저 Scaffold에서 snackbarHost를 만들어줘야 하는걸로 알고 있어서 이쪽도 한번 확인해보면 좋을 것 같네요!!

Comment on lines 8 to 22
@Composable
fun Modifier.showSnackbarEffect(
message: String,
snackbarHostState: SnackbarHostState,
onMessageShown: () -> Unit = {}
) = this.then(
Modifier.apply {
if (message.isNotEmpty()) {
LaunchedEffect(snackbarHostState) {
snackbarHostState.showSnackbar(message)
onMessageShown()
}
}
}
)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

어 .. 이 코드에 대해 설명해주실 수 있을까요 ?? Modifier.으로 시작하는 함수를 처음봐서요 !

Copy link

@l2hyunwoo l2hyunwoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다.

Comment on lines 15 to 20
if (message.isNotEmpty()) {
LaunchedEffect(snackbarHostState) {
snackbarHostState.showSnackbar(message)
onMessageShown()
}
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 확장함수는 어떤 것을 의도하려고 하는지 가늠이 안되네요....message를 변경시킬 때 showSnackbar를 호출하는건지, snackbarHostState가 변경될때 showSnackbar를 호출하는건지, 그리고 onMessageShown은 왜 있는건지 다 명확한 이유가 없는 것 같습니다...한번 함수 설계를 다시 해보시는 것을 권장드립니다.

이게 Modifier에 체이닝 되어야 하는것인지, 그렇다면 왜 그래야 하는지부터 생각해보면 좋을 것 같아요.

비즈니스 로직 계층 domain에서 형식 검증에 대한 책임을 가지도록 분리함
Copy link
Contributor

@jihyunniiii jihyunniiii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 ~

docs/week3.md Outdated Show resolved Hide resolved
gradle/libs.versions.toml Show resolved Hide resolved
제거 사유:
- 명확한 의도 전달성 부족
- 확장성 부족
@wjdrjs00 wjdrjs00 merged commit 87b9bc1 into develop Nov 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

feat: 3주차 필수 과제
6 participants