텍스트 잘라내기

텍스트 잘라내기 (Truncation)

문자열이 컨테이너를 넘치고 여러 줄로 늘어나는 걸 원하지 않을 때 텍스트를 잘라내거나(truncate) 줄여서 표현해요. 보통 말줄임표(…)를 수동으로 또는 truncate 컴포넌트를 통해 사용해요. 어디서 어떻게 잘라야 하는지 이 문서에서 정리해 드릴게요.

출처: 문서

본문

예를 들어 URL이 컨테이너를 넘칠 때 truncation을 사용해요.

어디에서 잘라낼까 (Where to truncate)

문자열을 시작, 끝, 또는 중간에서 잘라야 할지는 조금 연구가 필요해요.

제품에 기본 truncation 계획(예: 호스트 이름을 어떻게 자를지에 대한 설정)이 있다면 그 방식을 따르세요.

제품에 기본 truncation 계획이 없다면 이 제품의 사용자가 객체에 이름을 붙이는 방식을 생각해 보세요. 이름의 고유한 부분이 문자열의 시작에 있을 가능성이 더 높은가요, 아니면 끝에 있을 가능성이 더 높은가요? 그 답에 따라 문자열의 끝(abcdef...) 또는 문자열의 중간(abc...ghi)에서 잘라야 해요. 방법을 결정하려면 스스로에게 물어보세요. "문자열의 어느 부분이 그 항목을 더 잘 구분해 줄까?"

사용자가 truncation 관련 설정을 커스터마이즈할 수 있다면, 사용자가 선택한 선호도를 따르세요.

truncation 지침과 모범 사례 (Truncation guidelines and best practices)

언제, 어떻게 잘라야 하는지 고려할 때는 다음 지침을 따르세요:

잘린 텍스트를 말줄임표(…)로 표시해요. 텍스트가 링크의 일부라면 말줄임표도 링크의 일부여야 해요.
텍스트를 잘라낼 때 4자 미만으로 남기지 마세요. 문자열이 무엇을 말하는지 대략 알 수 있을 만큼 충분한 글자를 남겨요.
예를 들어 "demo1.internal-el6.satellite"를 "de…"로 자르면 전체 문자열의 의미를 제대로 전달하지 못하므로 그렇게 하지 마세요.
컨테이너 안의 어떤 문자열이든, 전체 단어나 하이픈으로 연결된 단어를 넣을 공간이 충분하지 않다면 텍스트 축약(abbreviation)을 고려해요.
내비게이션 항목(마스트헤드와 왼쪽 내비게이션의 모든 단계)에서는 약어나 잘린 텍스트를 피하세요.
사용자가 전체 문자열을 볼 수 있는 방법이 최소 하나는 있는지 확인하세요. 우리는 tooltip 사용을 권장해요(약 150자 미만일 때 유용해요). 확장 가능한 행(expandable rows)이나 오버레이를 사용할 수도 있어요.
가능하면 구두점 바로 앞이나 뒤에서의 truncation을 피하세요. 구두점이 말줄임표의 일부인지 이름의 일부인지 구분하기 어렵거든요.
예를 들어 "demo1.internal-el6.satellite"를 "demo1…"로 자르지 마세요. 말줄임표 외에도 마침표가 있다는 것이 불분명하니까요.
테이블 컬럼의 크기를 조절할 수 있다면 잘린 텍스트도 그에 맞게 조정되어야 해요.
컬럼 헤더의 텍스트는 자르지 마세요.

텍스트 잘라내기