[Fix/#180] TextField 칸 높이 제한 수정

[nahy-512]

📮 관련 이슈

• closed [Fix] 작품 소개 작성 엔터 시 칸 제한 수정 #180

📌 작업 내용

• TextField 높이 제한 수정
• CollectionInputTextField 구분

📸 스크린샷

AS-IS	TO-BE
TF_AS-IS.mp4	TF_TO-BE.mp4

CollectionInputTextField
2026-01-23.8.56.34.mov

🫛 To. 리뷰어

• 디자인시스템에 정의된 텍스트필드를 CollectionInputTextField 프리뷰에 모든 경우의 수 넣어두었습니다.

Summary by CodeRabbit

릴리스 노트

• 새로운 기능

  • 컬렉션 입력 필드에 문자 길이 카운터 기능 추가
  • 제목 및 설명 입력 시 남은 문자 수 실시간 표시

• 개선 사항

  • 텍스트 입력 필드 컴포넌트 구조 개선
  • 문자 길이 계산 방식 개선 (그래핀 길이 기준 적용)

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

개요

디자인 시스템 텍스트 필드 컴포넌트를 재구성하는 변경사항입니다. 새로운 CollectionInputTextField 컴포넌트를 추가하고, 기존의 FlintLongTextField를 제거하며, FlintBasicTextField API를 변경하여 높이 파라미터를 제거합니다. 영향을 받는 화면에서 기존 컴포넌트를 새 컴포넌트로 대체합니다.

변경 사항

코호트 / 파일	변경 요약
새로운 텍스트 필드 컴포넌트 app/src/main/java/com/flint/core/designsystem/component/textfield/CollectionInputTextField.kt	라벨링된 입력 필드, 길이 표시기, 단일/다중 라인 모드를 지원하는 새로운 컴포넌트 추가 (124줄 추가)
기본 텍스트 필드 API 변경 app/src/main/java/com/flint/core/designsystem/component/textfield/FlintBasicTextField.kt	공개 API에서 높이 파라미터 제거, 카운터에서 graphemeLength 사용으로 변경
레거시 컴포넌트 제거 app/src/main/java/com/flint/core/designsystem/component/textfield/FlintLongTextField.kt	파일 전체 삭제 (75줄 제거), FlintLongTextField 및 프리뷰 함수 제거
검색 텍스트 필드 높이 처리 app/src/main/java/com/flint/core/designsystem/component/textfield/FlintSearchTextField.kt	FlintBasicTextField에 직접 height(48.dp) 적용, 파라미터 기반 높이 제거
화면 컴포넌트 업데이트 app/src/main/java/com/flint/presentation/collectioncreate/CollectionCreateScreen.kt, app/src/main/java/com/flint/presentation/collectioncreate/component/CollectionCreateContentItemList.kt	FlintLongTextField/FlintBasicTextField를 CollectionInputTextField로 대체, heightIn 제약 추가, 파라미터 조정

예상 코드 리뷰 소요시간

🎯 3 (Moderate) | ⏱️ ~25 분

관련 가능성이 있는 PR

• [Refactor/#127] BasicTextField 수정 #177: 동일한 텍스트 필드 컴포넌트들의 동작과 시그니처를 수정하므로 연관성 있음
• [Feat] collection create add film UI #119: FlintSearchTextField 구현을 수정하며 모디파이어 파라미터 변경을 다루므로 연관성 있음
• [Feat] 온보딩 부분 수정 #178: 동일한 FlintSearchTextField 컴포넌트를 수정하며 레이아웃 높이 처리를 변경하므로 연관성 있음

제안 레이블

📱 UI

제안 검토자

• kimjw2003

축하 시

🐰 텍스트 필드를 춤을 추게 했어요,
높이는 사라지고 컴포넌트는 새로워,
CollectionInput의 세계로 점프 점프,
길이 표시기가 반짝반짝 ✨,
작품 소개도 이제 완벽하게!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	PR 제목이 변경 사항의 주요 내용을 정확하게 나타냅니다. 'TextField 칸 높이 제한 수정'은 해당 PR의 핵심 목표를 명확하게 전달합니다.
Linked Issues check	✅ Passed	PR의 코드 변경사항이 이슈 #180의 요구사항을 충족합니다. FlintBasicTextField의 높이 매개변수 제거, CollectionInputTextField 추가, 그리고 관련 화면에서의 높이 설정이 모두 구현되었습니다.
Out of Scope Changes check	✅ Passed	모든 변경사항이 이슈 #180의 범위 내에 있습니다. TextField 높이 문제 해결과 CollectionInputTextField 분리가 주요 목표이며, 관련된 파일들의 변경만 포함되어 있습니다.
Description check	✅ Passed	PR 설명이 필요한 주요 섹션을 포함하고 있으며, 관련 이슈, 작업 내용, 스크린샷, 리뷰어 노트를 제공합니다.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

app/src/main/java/com/flint/presentation/collectioncreate/CollectionCreateScreen.kt (1)

145-157: 제목 필드에 명시적 높이 설정 필요.

현재 제목 필드는 modifier = Modifier.fillMaxWidth()로 설정되어 있지만, 높이가 지정되지 않았습니다. CollectionInputTextField 컴포넌트의 Preview와 설명 필드의 패턴을 보면, 단일 행 입력 필드는 .height(40.dp)를 사용하고 있습니다. 설명 필드는 .heightIn(min = 104.dp)를 적용하고 있으므로, 제목 필드도 .height(40.dp)를 추가하여 일관된 높이를 유지해야 합니다.

🧹 Nitpick comments (1)

app/src/main/java/com/flint/core/designsystem/component/textfield/CollectionInputTextField.kt (1)

39-62: Column 내부 return 동작 확인 필요.

Line 55의 return은 Column 블록이 아닌 전체 composable 함수를 종료합니다. 현재 로직상 의도된 동작이지만, 향후 Column 아래에 다른 컴포넌트가 추가될 경우 예상치 못한 동작이 발생할 수 있습니다.

또한, isShowLengthTitle = true이고 maxLength = Int.MAX_VALUE일 때 "0/2147483647"과 같이 표시됩니다. 이 경우를 처리하는 것이 좋을 수 있습니다.

♻️ 명시적인 조건 처리 제안

-        if (!isShowLengthTitle) return
-
-        Text(
-            text = "${value.graphemeLength}/$maxLength",
-            style = FlintTheme.typography.caption1M12,
-            color = FlintTheme.colors.white,
-        )
+        if (isShowLengthTitle && maxLength != Int.MAX_VALUE) {
+            Text(
+                text = "${value.graphemeLength}/$maxLength",
+                style = FlintTheme.typography.caption1M12,
+                color = FlintTheme.colors.white,
+            )
+        }

[giovannijunseokim]

LGTM 👍