전체 글
약 1분

디자인 시스템 세우기 7 — 파일명을 위한 말줄임이 삭제 질문까지 잘랐다

Pocket PDF에서 가져온 제목 컴포넌트가 환율 계산기의 삭제 질문을 가운데서 잘랐습니다. 파일명을 위한 예외를 분리하고 일반 제목은 줄바꿈하도록 고쳤습니다.

#design-system #compose #리팩토링

들어가며

환율 계산기에 Pocket PDF의 SheetHeader를 가져다 썼습니다. 두 앱 모두 바텀 시트에 제목이 필요했습니다. 그런데 긴 그룹 이름이 들어간 “이 그룹을 지울까요?”라는 질문의 가운데가 사라졌습니다.

파일명용 설정이 따라온 곳

2026년 10월 13일에 코드를 확인하니 제목에 두 설정이 함께 있었습니다.

maxLines = 1
overflow = TextOverflow.MiddleEllipsis

그 위의 주석에는 파일 이름이 들어오는 자리라서 확장자를 남긴다고 적혀 있었습니다. Pocket PDF에서 파일명을 보여줄 때의 이유였습니다. 환율 계산기에는 그 자리에 파일명이 들어오지 않았습니다. 코드뿐 아니라 원래 앱의 설명까지 그대로 가져온 상태였습니다.

원본도 다시 봤습니다. Pocket PDF 안에서도 모든 시트 제목이 파일명은 아니었습니다. “문서함 기록을 모두 지울까요?” 같은 질문도 있었습니다. 좁은 화면에서 글자를 키우면 그 문장 역시 가운데가 잘렸습니다.

파일명에만 말줄임 남기기

두 앱의 수정은 달랐습니다. Pocket PDF는 isFileName으로 파일명을 표시하는 경우에만 한 줄과 가운데 말줄임을 적용했습니다. 환율 계산기에서는 그 설정을 없애고 긴 제목을 줄바꿈하게 했습니다. 파일명 예외가 필요 없는 앱에 같은 선택지를 남길 이유는 없었습니다.

제목 컴포넌트 테스트를 추가하고, 에뮬레이터에서 긴 그룹 이름을 넣은 작업 시트와 삭제 시트를 확인했습니다. 삭제할 대상과 질문이 이어서 읽히는지를 봤습니다.

마치며

두 앱의 제목 배치는 같아도, 제목에 들어오는 내용은 달랐습니다. 파일 확장자를 남기려던 한 줄 제한을 일반 질문에도 적용하면서 문제가 생겼습니다. 이제 Pocket PDF에서 그 동작을 쓰려면 파일명이라는 조건을 명시해야 합니다.