[ISSUE-45] 약속 잡기 STEP 1-2 구현 #72

jihee-dev · 2022-06-28T18:36:58Z

ISSUE

resolved [Sprint #4] 약속잡기 플로우 UI 구현 #45

작업 내용

패키지 이동
- 약속 잡기 기능이 여러 화면으로 이루어져 있음 -> 하나의 패키지로 묶어서 정리
- ui > main > create > theme, title
Timber 태그에 Debug 추가
- Debug로 검색하여 사용자가 작성한 로그만 따로 검색이 용이하도록 수정
플랜즈 텍스트필드 컴포넌트 추가
플랜즈 버튼 컴포넌트 일부 수정
- 속성값이 잘못 적용되어 있던 부분 수정
- private으로 있었던 PlanzButton을 공개하고, PlanzBasicButton으로 네이밍 변경
약속 잡기 STEP 1 약속 테마 선택 화면 구현
약속 잡기 STEP 2 약속명 및 약속 장소 입력 화면 구현
메인 화면 -> STEP 1 -> STEP 2 네비게이션 구현 및 파라미터 전달 구현
- 약속명과 약속 장소는 optional
  -> 빈 문자열로 파라미터를 전달할 경우 오류가 발생하기 때문에 빈문자열일 경우 '@'로 BLANK_VALUE를 추가하여 전달하도록 구현
  -> 마지막 단계에서 BLANK_VALUE일 경우 빈문자열로 치환하여 서버로 전송해야 함!

추가)

스트링 리소스의 선언 순서를 컨벤션에 맞게 변경
- 공통 컴포넌트 - 스플래시 - 로그인 - 메인(플로우 순서대로) - Icon Description
플랜즈 앱 바 아이콘의 Content Description 추가
PlanzScreen NavHost에 innerPadding 적용

실행 화면

Screen Shot	Screen Shot

Check List

PR 제목은 [ISSUE-{N}] PR 제목으로 작성
CI/CD 통과 여부
1명 이상의 Approve 확인 후 Merge
관련 이슈 연결

- POSIX 명세에 따라 파일의 끝에 개행 추가

…-create-plan # Conflicts: # app/src/main/java/com/yapp/growth/App.kt # presentation/src/main/java/com/yapp/growth/presentation/ui/main/PlanzScreen.kt # presentation/src/main/res/values/strings.xml

- 플랜즈 앱 바의 아이콘 content description 추가

hoyahozz

코드 잘 봤습니당..!
확실히 가독성이 제 코드보다 훨씬 조은 것 같아요..!
잘 흡수하고 갑니닷 👍👍👍👍👍👍

hoyahozz · 2022-06-30T10:01:02Z

app/src/main/java/com/yapp/growth/PlanzApplication.kt

+ Timber.plant(object : Timber.DebugTree() {
+ override fun log(priority: Int, tag: String?, message: String, t: Throwable?) {
+ super.log(priority, "Debug[$tag]", message, t)
+ }
+ })


오옹 이렇게 상속받으면 더 좋은 점이 있나용 ?.?

팀버가 로그 찍을 때 위치에 따라서 태그를 알아서 달아주는데, 요 태그에 Debug 문구를 앞에 추가해 주게 됩니당
그러면 태그가 다르게 붙은 여러 곳에서 로그를 찍을 때 내가 찍은 로그만 모아서 검색할 수 있게 돼서 로그 확인할 때 편해용!

hoyahozz · 2022-06-30T10:07:59Z

presentation/src/main/java/com/yapp/growth/presentation/ui/main/create/theme/ThemeScreen.kt

+ viewModel.setEvent(ThemeContract.ThemeEvent.ChoosePlanTheme(it))
+ }
+ )
+ Spacer(Modifier.height(12.dp))


버튼별 간격 조정이면 Column 에서 spacedBy 써보는건 어떨까요오...?

오 그런 게 있는지도 몰랐어요 ㅋㅋㅋ 감사합니당 확인해 볼게요!

공식문서
근데 spacedBy 는 설정한 패딩으로 아이템들이 모두 간격을 갖게 되는데
지희님이 의도하신건 ThemeChoiceButton 위 44.dp, 아래 12.dp 를 주신거로 봐선
Box 로 감싸서 modifier 에 패딩주는? 방식으로 하든가 해야할 것 같아요

아 맞아요 요고는 바로 column에 탑 패딩 넣고, spacedBy 적용하면 좋을 것 같습니당!

KwonDae

코드 깔끔하게 잘 작성하신거 같아요!
지금 우리 구조대로 sideEffect, event, state 관리하니까
viewModel 내 비즈니스 로직이 깔끔해서 너무 보기 좋네요

Spacer 대신에 속성 이용하는 것만 수정해보면 좋을것 같아요
고생하셨어요!!
👍 👍

KwonDae · 2022-06-30T16:16:13Z

presentation/src/main/java/com/yapp/growth/presentation/component/PlanzButtons.kt

@@ -59,23 +59,21 @@ fun PlanzButtonWithBack(
 onBackClick: () -> Unit,
 ) {
 Row(modifier = modifier.padding(horizontal = 16.dp)) {


Suggested change

Row(modifier = modifier.padding(horizontal = 16.dp)) {

Row(

modifier = modifier.padding(horizontal = 16.dp),

horizontalArrangement = Arrangement.spacedBy(10.dp)

) {

아래 Spacer 대신에 Row 의 horizontalArrangement 속성을 사용하는건 어때요?

좋습니다! spacedBy 존재를 몰라서 이런 식으로 작성된 코드들 다시 살펴봐야겠어요!

KwonDae · 2022-06-30T16:20:36Z

presentation/src/main/java/com/yapp/growth/presentation/component/PlanzTextField.kt

+) {
+ val textState = getTextState(text = text, maxLength = maxLength)
+
+ Column(


Suggested change

Column(

Column(

modifier = modifier.padding(horizontal = 20.dp),

verticalArrangement = Arrangement.spacedBy(8.dp)

로 수정할 수 있겠네요!

좋아요 감사합니당!

KwonDae · 2022-06-30T16:21:46Z

presentation/src/main/java/com/yapp/growth/presentation/model/ThemeType.kt

+
+import com.yapp.growth.presentation.R
+
+enum class PlanThemeType(val themeStringResId: Int) {


enum 으로 관리하는거 정말 좋은거 같아요 👍

…-create-plan

jihee-dev added 12 commits June 25, 2022 16:59

feat - Timber 태그 추가

2622ebe

feat - 약속 잡기 테마 선택 화면 구현

9fbf00f

feat - 약속 잡기 테마 선택 -> 약속명 입력 화면 전환

3438b07

design - 약속 테마 선택 여부에 따라 다른 체크 아이콘이 보여지도록 수정

b6d1ef0

feat - 텍스트 필드 컴포넌트 추가

bdae312

refactor - 플랜즈 버튼 컴포넌트 네이밍 변경

8a9bf92

fix - 플랜즈 버튼의 속성 값이 이중으로 적용되는 문제 수정

34dbf0e

fix - EOF 추가

5e047a8

- POSIX 명세에 따라 파일의 끝에 개행 추가

feat - 약속 잡기 약속명 및 약속 장소 화면 구현

e86bd0e

feat - 약속 잡기 약속명 및 약속 장소 화면 네비게이션 구현

5f6eb04

Merge remote-tracking branch 'origin/develop' into feature/issue-045-…

dddbc73

…-create-plan # Conflicts: # app/src/main/java/com/yapp/growth/App.kt # presentation/src/main/java/com/yapp/growth/presentation/ui/main/PlanzScreen.kt # presentation/src/main/res/values/strings.xml

fix - merge conflict

39f7016

jihee-dev requested review from KwonDae and hoyahozz June 28, 2022 18:36

jihee-dev self-assigned this Jun 28, 2022

jihee-dev added 2 commits June 30, 2022 00:12

fix - navHost에 innerPadding 적용

6b27bfa

refactor - string 리소스 순서 변경 및 추가

769f04d

- 플랜즈 앱 바의 아이콘 content description 추가

hoyahozz approved these changes Jun 30, 2022

View reviewed changes

KwonDae reviewed Jun 30, 2022

View reviewed changes

KwonDae approved these changes Jun 30, 2022

View reviewed changes

jihee-dev added 4 commits July 1, 2022 23:55

Merge remote-tracking branch 'origin/develop' into feature/issue-045-…

afa7185

…-create-plan

chore - 제거된 필드 적용

6375951

fix - EOF 개행 추가

97f5fdb

refactor - 목록 컨텐츠별 간격을 Spacer에서 spacedBy로 변경

9a7231e

jihee-dev merged commit 89d9481 into develop Jul 1, 2022

jihee-dev deleted the feature/issue-045--create-plan branch July 1, 2022 16:04

KwonDae added this to the Sprint #4 milestone Jul 8, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[ISSUE-45] 약속 잡기 STEP 1-2 구현 #72

[ISSUE-45] 약속 잡기 STEP 1-2 구현 #72

jihee-dev commented Jun 28, 2022 •

edited

Loading

hoyahozz left a comment •

edited

Loading

hoyahozz Jun 30, 2022

jihee-dev Jun 30, 2022

hoyahozz Jun 30, 2022

jihee-dev Jun 30, 2022

KwonDae Jun 30, 2022

jihee-dev Jun 30, 2022

KwonDae left a comment

KwonDae Jun 30, 2022

jihee-dev Jun 30, 2022

KwonDae Jun 30, 2022

jihee-dev Jun 30, 2022

KwonDae Jun 30, 2022

- Row(modifier = modifier.padding(horizontal = 16.dp)) {
+ Row(
+ modifier = modifier.padding(horizontal = 16.dp),
+ horizontalArrangement = Arrangement.spacedBy(10.dp)
+ ) {

- Column(
+ Column(
+ modifier = modifier.padding(horizontal = 20.dp),
+ verticalArrangement = Arrangement.spacedBy(8.dp)


		import com.yapp.growth.presentation.R

		enum class PlanThemeType(val themeStringResId: Int) {

[ISSUE-45] 약속 잡기 STEP 1-2 구현 #72

[ISSUE-45] 약속 잡기 STEP 1-2 구현 #72

Conversation

jihee-dev commented Jun 28, 2022 • edited Loading

ISSUE

작업 내용

실행 화면

Check List

hoyahozz 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

KwonDae 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

jihee-dev commented Jun 28, 2022 •

edited

Loading

hoyahozz left a comment •

edited

Loading