Feature/tgyuu/#89 #97

tgyuuAn · 2024-01-09T15:31:56Z

1. 📄 관련된 이슈 및 소개

closed #89

2. 🔥변경된 점

- 작은 기기에서도 호환될 수 있도록 Scrollable로 변경하였습니다.

- 불필요한 Composable들 다 없애버렸습니다.

- 일정 관련 부분 Management 모듈에서 Management-Event 모듈로 분리했습니다.

3. 📸 스크린샷(선택)

큰 화면

작은 화면

중첩 스크롤이 필요한 설문 등록 첫 번째 페이지 빼고는 다 마음에 듭니다.

보시면 큰 화면에서 설문 등록 첫 페이지 다음 화면으로 가는 버튼이 하단에 딱 붙어있지 않아요.

이 부분만 중첩스크롤이라서 그런건데, (관리 첫 페이지는 LazyColumn의 높이가 정해져있어서 상관없어요)

추후에 리팩토링 하겠습니다. 급한건 아니라서.

4. 💡알게된 혹은 궁금한 사항들

스크롤 되게 하는 방법

MyTheme {
        Box(
            modifier = Modifier
                .fillMaxSize()
                .border(2.dp, Color.Green) //for visual effect only
                .verticalScroll(rememberScrollState())
        ) {
            Column(
                modifier = Modifier
                    .fillMaxSize()
                    .padding(2.dp)
                    .border(2.dp, Color.Red) //for visual effect only
            ) {
               //some content
            }
        }
}

와 같이 verticalScroll() 에다가 scrollState를 넣어주면 된다.

이 때, scrollable하게 만든 Composalbe 내부의 Composable은 Modifier.fillMaxSize() 가 먹지 않는다.

이럴 경우 아래 코드와 같이,

MyTheme {
        Box(
            modifier = Modifier
                .fillMaxSize()
                .border(2.dp, Color.Green) //for visual effect only
                .verticalScroll(rememberScrollState())
                .height(IntrinsicSize.Max)
        ) {
            Column(
                modifier = Modifier
                    .fillMaxSize()
                    .padding(2.dp)
                    .border(2.dp, Color.Red) //for visual effect only
            ) {
               //some content
            }
        }
}

height(IntrinsicSize.Max) 를 추가해주면 fillMaxSize()가 가능해진다.

이 해결 방법은 간단하지만, 뷰 내부의 모든 측정이 두 번 수행되므로 성능 문제가 발생할 수 있다.

레퍼런스

혹은 컴포즈에서 권장하지 않는 방식이지만,

BoxWithConstraints(
        modifier = Modifier
            .fillMaxSize()
    ) {
        Column(
            modifier = Modifier
                .heightIn(min = maxHeight)
                .verticalScroll(rememberScrollState())
        ) {
            Spacer(modifier = Modifier.weight(1f)
            Text(text="This is at the bottom")
        }
    }

와 같이 BoxWithConstraints를 사용한다.

그리고 내부에 heightIn(min = maxHeight)를 둔다.

사실 측정을 두번하는 거나 제약을 사용하는 거나 둘 다 컴포즈에서 권장하는 사항은 아니니까 거기서 거기일지도..?

jeongjaino · 2024-01-10T04:37:54Z

feature/auth/src/main/res/values/strings.xml

@@ -5,6 +5,7 @@
    <string name="back_button_description">Back Icon</string>
    <string name="sign_in">로그인</string>
    <string name="sign_in_email">이메일</string>
+    <string name="wapp_icon_description">WAPP ICON</string>


접근성 최강 앱 ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ

@jeongjaino

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

jeongjaino · 2024-01-10T04:40:38Z

...management-event/src/main/java/com/wap/wapp/feature/management/event/edit/EventEditScreen.kt

@@ -162,7 +161,7 @@ internal fun EventEditScreen(
                modifier = Modifier.padding(top = 16.dp),
            )

-            EventRegistrationContent(
+            com.wap.wapp.feature.management.event.registration.EventRegistrationContent(


해당 path는 import로 빼는게 낫지 않을까요 ??

@jeongjaino

수정해놓겠습니다!

jeongjaino

고생하셨어요 태규상 !

오늘 하루도 호아이티이입니닷

jeongjaino · 2024-01-11T04:39:52Z

...src/main/java/com/wap/wapp/feature/management/event/registration/EventRegistrationContent.kt

+                    coroutineScope.launch {
+                        scrollState.scrollTo(0)
+                    }
+                    onNextButtonClicked()


다음 화면으로 전환할 때 스크롤을 위로 올린다음, 전환 하시는 이유가 따로 있나요 ?

일정 등록 및 수정의 경우에는 내부에 LazyColumn이 없어서,

가장 외곽의 Column에 스크롤하게 만들어 놓았어요.

(즉, 하나의 Scrollable을 이용해서 두 페이지를 다 커버 가능하게 했어요.)

그렇기 때문에 다음 페이지를 넘어가도 스크롤 포커싱이 그 자리에 머무는데,

페이지를 넘어가면 가장 위쪽을 보는게 이상적이라서 scrollTo를 넣어놨어요.

(설문 등록 및 수정은 첫 페이지 일정을 선택하는 부분에서 LazyColumn이 사용되어서 그렇게는 못했어요.

공부하면 할 수는 있을 것 같은데 좀 어려워서 지금도 공부하는 중이에요!)

설문 등록 쪽도 NestedScrollConnection 공부가 끝나면 각각의 페이지에 스크롤 달려있던 것을 소거하고,

가장 외곽의 Column에만 스크롤을 달고 저렇게 다음 페이지에 넘어가면 ScrollTo(0)을 해서 상단을 보게 할 생각이에요!

jeongjaino · 2024-01-11T04:44:27Z

...agement-survey/src/main/java/com/wap/wapp/feature/management/survey/SurveyDeadlineContent.kt

        modifier = Modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.spacedBy(16.dp),


기존 Arrangement.SpaceBetween과 작성하신 Arrangement.spacedBy(16.dp)는 차이가 큰데,

Event와의 UI 통일 때문에 수정하신 건가요 ?

SpaceBetween을 사용하신 이유가,

하단에 버튼을 두기 위해서 사용하신 것 같는데 맞나요?

이렇게 ViewGroup 느낌의 Column Composable을 하나 더 두는 방법 보다,

내부에

Spacer(modifier = Modifier.weight(1f))

을 두는 방법을 통해서 다음으로 가는 버튼을 하단에 고정시켰어요...!

Indent도 하나 줄고 더 직관적인 것 같아서요..!

추가적인 설명은 #97 (comment) 써놨습니다!

버튼을 아래에 배치하는 목적이라면, SpaceBetween과 태규님께서 소개하신 방법으로도 대체가 가능할 꺼 같아요 !

하지만, SpaceBetween은 컴포넌트를 중간에 배치함에도 목적이 있어요 ,,!

테블릿과 같은 경우로 화면이 세로가 긴 경우

SpaceBetween은 중간에 배치되지만,
Spacer의 경우에는 그대로 상하 패딩이 16dp로 고정되어서

A 컴포넌트

(16dp)

B 컴포넌트

Spacer(0dp ~ 화면이 커지면 커질 수록 차지하는 dp가 증가)

버튼

이렇게 구성되지 않을까요 ??

@jeongjaino

A 컴포넌트 (16dp) B 컴포넌트 Spacer(0dp ~ 화면이 커지면 커질 수록 차지하는 dp가 증가) 버튼

진호님이 말씀하신 게 제가 원하는 구현이 맞아요.

테블릿이나 원래 기기에서도 다 호환되도록 Spacer에 Weight를 단 것이 맞아요.

피그마에도 그렇게 되어 있고요!

아직 SpaceBetween 을 사용해서 컴포넌트를 중간에 배치하는 것이 목적이다. 가 약간은 이해가 안되는데 추가적인 설명 가능할까요?

아니면 제가 놓치고 있는 부분이 있는지도 궁금해요.

말 그대로 날짜와 시간을 중간에 배치하려고 했어요 !

캬캬 제가 피그마를 제대로 안봤네요.

원하시는 구현이 맞다면 그대로 가입시다 ~!

jeongjaino · 2024-01-11T04:47:05Z

...management-survey/src/main/java/com/wap/wapp/feature/management/survey/SurveyEventContent.kt

+                    Card(
+                        colors = CardDefaults.cardColors(
+                            containerColor = WappTheme.colors.black25,
+                        ),
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .clickable { onEventSelected(event) },
+                        border = BorderStroke(
+                            color = if (event.eventId == selectedEvent.eventId) {
+                                WappTheme.colors.yellow34
+                            } else {
+                                WappTheme.colors.black25
+                            },
+                            width = 1.dp,
+                        ),
+                    ) {
+                        Column(
+                            verticalArrangement = Arrangement.spacedBy(8.dp),
+                            modifier = Modifier.padding(16.dp),
+                        ) {
+                            Text(
+                                text = event.title,
+                                style = WappTheme.typography.titleBold,
+                                color = WappTheme.colors.white,
+                            )


이전 피알에서 제가 해당 부분을 따로 EventCard로 뺐는데,

따로 다시 넣으신 이유가 궁금해요 ,, !!

제가 이전에 작성한 코드에서는 weight가 들어가있는데,

해당 코드는 weight가 빠져있어요,

이벤트의 수가 많아지면 버튼을 가리는 일이 발생하지 않을까요 ? (이전 코드에서는 버튼을 가려서, 제가 weight를 넣었어요)

이전 피알에서 제가 해당 부분을 따로 EventCard로 뺐는데,

따로 다시 넣으신 이유가 궁금해요 ,, !!

이 부분은 충돌 해결하다가 생긴 이슈입니다!

다시 수정해놓겠습니다.

제가 이전에 작성한 코드에서는 weight가 들어가있는데,

해당 코드는 weight가 빠져있어요,

이벤트의 수가 많아지면 버튼을 가리는 일이 발생하지 않을까요 ? (이전 코> 드에서는 버튼을 가려서, 제가 weight를 넣었어요)

지금은 LazyColumn 내부에 가장 하단에 item이라는 스코프에 버튼이 따로 들어가있어서,

리사이클러뷰가 버튼을 가리는 일은 발생하지 않아요. 항상 리사이클러뷰 아래쪽에 버튼이 위치하게 됩니다...!

기존 Colum이랑 다르군요 ,, 좋은 지식 배워갑니다

그럼 만약에 EventList가 커지면, 어떻게 되나요 ??

weight과 마찬가지로 크기가 자동으로 나머지 부분을 차지하게 되고 ,
그 안에서도 중첩스크롤이 되도록 변경되나요 ?

@jeongjaino

그냥 리사이클러뷰로 치면 또 다른 ViewHolder를 사용해서 View를 배치한다고 생각하시면 돼요.

항상 하단에 배치되어요.

그래서 EventList가 많을 경우 스크롤을 해야지만 버튼을 볼 수 있어요.

다른 쪽 UI도 다음 페이지로 넘어가는 혹은 완료 버튼이 스크롤을 해야지 볼 수 있어요.

그게 더 자연스러운 것 같기도 하고요.

이렇게 구현했을 떄의 단점은 EventList가 클 때가 아닌 작을 때 버튼이 하단에 안 붙는 다는 점이에요.

그래서 PR에 이 부분을 언급했어요.

아 전체를 목록으로 만드니, 태규님이 말씀하신 방법대로 될 것 같네요 !!

근데 저는 버튼이 아래부분에 안붙는 것도 있는데,
목록이 커졌을 때 버튼이 바로 안보이는게 제일 큰 것 같아요.

처음 사용하는 사용자라면, 버튼이 스크롤해야 보이는 걸 알기 쉽지 않을 것 같아서요ㅠ

@jeongjaino

처음 사용하는 사용자라면, 버튼이 스크롤해야 보이는 걸 알기 쉽지 않을 것 같아서요ㅠ

이 말에 동의합니다!

원래대로 돌려놓겠습니다!!!

jeongjaino · 2024-01-11T04:55:30Z

...agement-survey/src/main/java/com/wap/wapp/feature/management/survey/SurveyQuestionContent.kt

@@ -44,88 +46,86 @@ internal fun SurveyQuestionContent(
    val scrollState = rememberScrollState()

    Column(
-        verticalArrangement = Arrangement.spacedBy(32.dp),
-        modifier = Modifier.verticalScroll(scrollState),
+        verticalArrangement = Arrangement.spacedBy(10.dp),


다른 Deadline, Event는 16dp인데, 해당 화면만 10dp로 설정한 이유가 있을까요 ??

그리고 기존 32dp와 차이가 꼬 ㅐㅐㅐㅐㅐㅐㅐㅐ 크네요 캬캬캬캬캬캬,,,

다른 Deadline, Event는 16dp인데, 해당 화면만 10dp로 설정한 이유가 있을까> > 요 ??

이 부분도 실수인 것 같습니다..

수정해놓겠습니다!

그리고 기존 32dp와 차이가 꼬 ㅐㅐㅐㅐㅐㅐㅐㅐ 크네요 캬캬캬캬캬캬,,,

Figma에 그려진 UI대로 마진을 입혔습니다...!

기존에는 가장 외곽의 Column에서 사이 32.dp로 주고 내부에 또 다른 간격을 가진 Column을 이용해서 간격을 조절했다면,

불필요한 Column을 소거하고 추가적으로 필요한 마진은 Modifier.padding()으로 해결하였습니다...!

jeongjaino · 2024-01-11T04:56:31Z

...agement-survey/src/main/java/com/wap/wapp/feature/management/survey/SurveyQuestionContent.kt

    ) {
        WappTitle(
            title = stringResource(R.string.survey_question_title),
            content = stringResource(R.string.survey_question_content),
+            modifier = Modifier.padding(top = 10.dp, bottom = 30.dp),


이친구도 마찬가지로요 !

다른 컴포저블 함수는 top 10, bottom 24인데, 다르게 설정되어 있어요 !

수정하겠씁니닷!

@jeongjaino

이게 다시 보니까,

피그마 마진이 10dp로 설정되어 있었어요.

혹시 이거 피그마에 UI배치가 잘못되어 있는 것일까요?

verticalArrangement = Arrangement.spacedBy(10.dp),

에 대한 코멘트였씁니다!

오호잇 제가 피그마를 제대로 못본거군요 ,, !

그대로 가입시다 ~~

jeongjaino · 2024-01-11T05:00:24Z

...agement-survey/src/main/java/com/wap/wapp/feature/management/survey/SurveyQuestionContent.kt

+            type = questionType,
+        )
+
+        Spacer(modifier = Modifier.weight(1f))


Spacer의 역할이 어떻게 될까요 ??

Spacer는 말 그대로 빈공간을 채워주는 역할입니다.

기존에서는 버튼을 하단에 배치하기 위해서

Column { Column(Modifier.weight(1f)) { /*..*/ } Button() { } }

을 이용해서 내부 Column 자체를 꽉채우는 방법을 썻더라면,

Spacer를 이용하면 외부 Column을 소거하고,

Column { // 필요한 Composalbe들 Spacer(modifier = Modifier.weight(1f)) // 남은 공간을 꽉 채움 Button() { } // 하단에 버튼을 배치 }

로 바꿀 수 있어요!

Box 를 이용해서도 채울 수 있지만,

Box는 xml로 치면 FrameLayout느낌이고,

Spacer는 xml에서 View 느낌이라고 보면 될 것 같아요.

좋은 팁 알아갑니다잇~~

jeongjaino · 2024-01-11T05:01:51Z

...-survey/src/main/java/com/wap/wapp/feature/management/survey/edit/SurveyFormEditViewModel.kt

-    fun setSurveyDateDeadline(date: LocalDate) { _surveyDateDeadline.value = date }
+    fun setSurveyDateDeadline(date: LocalDate) {
+        _surveyDateDeadline.value = date
+    }



너무 ViewModel이 길어져서, 다 한줄로 구성했는데, 그러면 안되는 걸까요 ,,, ?

@jeongjaino

아뇨 그것은 자유입니다.

이거 아마도 제 노트북에서 Ctrl+L 눌러서 자동으로 바뀐 것 같아요!

jeongjaino · 2024-01-11T05:02:03Z

...-survey/src/main/java/com/wap/wapp/feature/management/survey/edit/SurveyFormEditViewModel.kt

+    private fun clearSurveyQuestionState() {
+        _surveyQuestion.value = EMPTY
+    }


여기두용

@jeongjaino

다시 수정해놓을까요?!

@jeongjaino

다시 수정했씁니다!

jeongjaino · 2024-01-11T05:06:50Z

전반적으로 저는 내부 수직 간격을 32dp로 했는데,
태규상은 다 16dp로 설정하셨네요.. ! 나중에 이야기 한번 해보면 좋을 것 같아요 ,, ㅠㅠ (저는 무조건 32파라,,)

jeongjaino · 2024-01-11T05:09:11Z

...management-survey/src/main/java/com/wap/wapp/feature/management/survey/SurveyEventContent.kt

+    LazyColumn(
+        verticalArrangement = Arrangement.spacedBy(16.dp),
        modifier = Modifier.fillMaxSize(),
    ) {


태규님 이렇게 구성하면,

이벤트 목록의 크기에 따라서, 화면의 높이를 다 못채울 수도 있지 않을까요 ??

이벤트가 하나인 경우에 맨 밑의 버튼이 중간에 오는 경우는 없을까요 ?

바로 지적해주신 부분이

제가 PR에 써놓았던 부분인데요,

이걸 해결하기 위해서는 중첩 스크롤하는 방법을 공부해야 하는데, 지금 열심히 하고 있는 중입니다...!

솔직히 스택 오버 플로우 코드보고 바로 적용할 수 있는데,

원리를 모른 채 적용하는 게 마음에 안들어서 이해하려고 하고 있습니다.

추후에 수정할게요!

첫번째 화면을 중첩 스크롤을 해야 할 이유가 있을까요 ??

중간의 레이지 컬럼은 스크롤이 필요하겠지만,

나머지 두 개의 컴포넌트 Title, Button이 화면에서 크게 차지하는 부분은 아니라고 생각해요

그래서 저는 전체 화면은 fillMaxSize + SpaceAround (맨위 타이틀, 맨 아래 버튼 배치 위함) + List(단독으로 weight)으로 구현했어요 !

해당 방법도 고려해보시면 좋을 것 같아요

@jeongjaino

그렇게 구현하면 매우 편리하긴 해요!

다른 UI쪽도 스크롤 해야지만 버튼이 나오게 되어있어서

해당 화면도 스크롤이 모두 된 뒤에 버튼이 나오도록 통일시키려고 그렇게 했어요.

그렇게 구현하는 것이 개발적으로 더 편리하긴 합니다.

이 페이지는 그렇게 구현하고 추후에 공부가 완료되면 다시 리팩토링 할까요?!

아 전체를 목록으로 만드니, 태규님이 말씀하신 방법대로 될 것 같네요 !!

근데 저는 버튼이 아래부분에 안붙는 것도 있는데, 목록이 커졌을 때 버튼이 바로 안보이는게 제일 큰 것 같아요.

처음 사용하는 사용자라면, 버튼이 스크롤해야 보이는 걸 알기 쉽지 않을 것 같아서요ㅠ

해당 의견과 마찬가지로,, 저는 이전 방식에 한표 던지겠습니다 캬캬캬캬 (태규님 무한으로 일 만들어버리기)

@jeongjaino

근데 생각해보니 저도 이게 맞는 것 같네요!

다시 수정해놓겠습닌다!

jeongjaino · 2024-01-11T05:51:54Z

태규상!!

이게 제 작업 부분이라 꽤 직설적으로 딥하게 리뷰 남길수 밖에 없는 점 이해부탁드려요 ㅠㅠ

tgyuuAn · 2024-01-11T06:03:25Z

@jeongjaino

괜찮습니다. 제 불찰입니다 ㅋㅋㅋ

전반적으로 저는 내부 수직 간격을 32dp로 했는데,

태규상은 다 16dp로 설정하셨네요.. ! 나중에 이야기 한번 해보면 좋을 것 같아요 ,, ㅠㅠ (저는 무조건 32파라,,)

저는 최대한 피그마 UI에 마진을 보고 설정했어요.

혹시 32로 따로 설정하신 이유가 있는지 궁금해요!

jeongjaino · 2024-01-11T06:31:46Z

@jeongjaino

괜찮습니다. 제 불찰입니다 ㅋㅋㅋ

전반적으로 저는 내부 수직 간격을 32dp로 했는데,
태규상은 다 16dp로 설정하셨네요.. ! 나중에 이야기 한번 해보면 좋을 것 같아요 ,, ㅠㅠ (저는 무조건 32파라,,)

저는 최대한 피그마 UI에 마진을 보고 설정했어요.

혹시 32로 따로 설정하신 이유가 있는지 궁금해요!

피그마 안본 제잘못입니다 ㅠ 피그마 대로 가입시다 !!

tgyuuAn added 19 commits January 8, 2024 23:58

[FEATURE] #89 : 일정 등록 Scrollable로 변경

dd23c36

[FEATURE] #89 : 일정 등록 Scrollable 로 변경

e4b7cf0

[FEATURE] #89 : 일정 등록 Scrollable 로 변경

7a2457d

[FEATURE] #89 : 일정 등록 Column 제거 및 Spacer 삽입

203e1a2

[FEATURE] #89 : 설문 등록 불필요한 Column 제거

3270f4f

[FEATURE] #89 : 설문 등록 스크롤 되게 구현

e070d2d

[FEATURE] #89 : 설문 등록 첫 번째 화면 구현 완료

b34049f

[FEATURE] #89 : 설문 등록 첫 번째 화면 구현 완료

4154c33

[FEATURE] #89 : 설문 등록 두 번째 화면 구현 완료

d169d5d

[FEATURE] #89 : 일정 등록, 설문 등록 padding value 통일

c8ad76c

[FEATURE] #89 : 설문 등록 3번째 페이지 불필요한 Composable 제거

022b000

[FEATURE] #89 : 설문 등록 3번째 페이지 완성

843f7f1

[FEATURE] #89 : 설문 등록 3번째 페이지 하단 버튼 가장 아래 고정

1734028

[FEATURE] #89 : 설문 등록 작은 기기에서도 호환되도록 완성

ed4f604

[CHORE] #89 : 불필요한 코드 제거

b11674d

[FEATURE] #89 : 프로필 스크롤 되도록 변경

895ff6b

[FEATURE] #89 : 스플래쉬 화면 UI 개선

8538802

[FEATURE] #89 : 와피 아이콘 Description String.value로 추출

e98a5f0

[FEATURE] #89 : 설문 등록 첫 페이지 Lottie 적용

5543313

tgyuuAn requested a review from jeongjaino January 9, 2024 15:31

tgyuuAn self-assigned this Jan 9, 2024

tgyuuAn and others added 5 commits January 10, 2024 01:03

[FEATURE] #89 : 설문 등록 첫 페이지 Lottie 사이즈 조절

c46d203

[ADD] #89 : management-event 모듈

bf24b06

[CHORE] #89 : Management 모듈에서 Management-event 모듈 분리

e78c667

[FEATURE] #89 : 프로필 관리 화면 스크롤 되게 변경

685adc4

Merge branch 'develop' into feature/tgyuu/#89

c568601

jeongjaino reviewed Jan 10, 2024

View reviewed changes

tgyuuAn added 3 commits January 10, 2024 20:43

[CHORE] #89 : Resolve Conflict

812d209

[CHORE] #89 : Resolve Conflict

c2cef12

[CHORE] #89 : 불필요한 구문 제거

acc3783

jeongjaino approved these changes Jan 11, 2024

View reviewed changes

[CHORE] #89 : Resolve Conflict 과정 중 사라졌던 EventCard 복구

57cc0c6

tgyuuAn added 2 commits January 11, 2024 16:15

[CHORE] #89 : 설문 등록 및 수정 기존대로 LazyColumn만 스크롤 되도록 변경

4d80267

[CHORE] #89 : 불필요한 개행 제거

b482196

tgyuuAn removed the 🔥리뷰 기다리는 중🔥 PR을 올리고 코드리뷰를 기다리고 있는 상태입니다. label Jan 11, 2024

jeongjaino added 🌟머지 해주세요🌟 코드 리뷰가 완료된 뒤 PR을 올린사람이 Merge를 하면 되는 단계입니다. and removed ✏️수정 요청✏️ 코드 리뷰후 코드 수정 요청 labels Jan 11, 2024

tgyuuAn merged commit a90fafe into develop Jan 11, 2024

tgyuuAn deleted the feature/tgyuu/#89 branch February 6, 2024 08:19

		modifier = Modifier.fillMaxSize(),
		verticalArrangement = Arrangement.spacedBy(16.dp),

Feature/tgyuu/#89 #97

Feature/tgyuu/#89 #97

Conversation

tgyuuAn commented Jan 9, 2024 • edited Loading

1. 📄 관련된 이슈 및 소개

2. 🔥변경된 점

3. 📸 스크린샷(선택)

큰 화면

작은 화면

4. 💡알게된 혹은 궁금한 사항들

스크롤 되게 하는 방법

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

jeongjaino left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tgyuuAn Jan 11, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tgyuuAn Jan 11, 2024 • 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

tgyuuAn Jan 11, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tgyuuAn Jan 11, 2024 • 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

tgyuuAn Jan 11, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tgyuuAn Jan 11, 2024 • 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

jeongjaino commented Jan 11, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tgyuuAn Jan 11, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

jeongjaino commented Jan 11, 2024

tgyuuAn commented Jan 11, 2024 • edited Loading

jeongjaino commented Jan 11, 2024

tgyuuAn commented Jan 9, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn Jan 11, 2024 •

edited

Loading

tgyuuAn commented Jan 11, 2024 •

edited

Loading