키케로에서 PageMaker까지: Lorem Ipsum의 진짜 역사
Lorem ipsum은 어느 디자이너가 지어낸 횡설수설이 아니라 뒤섞인 키케로입니다. 출전은 기원전 45년에 쓰인 De finibus bonorum et malorum('선과 악의 끝에 관하여') 1.10.32–33절로, 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...'라는 문장이 들어 있습니다. 첫 단어 'lorem'은 문자 그대로 'dolorem'의 첫 음절이 잘려 나간 꼬리이며, 그래서 이 텍스트는 단어 한가운데에서 시작합니다. 출처는 1980년대까지 미궁이었는데, 버지니아 Hampden-Sydney College의 라틴어 학자 Richard McClintock이 고전 문헌에서 희귀 단어 'consectetur'를 추적하다가 이 구절을 찾아냈습니다.
이 텍스트의 현대 경력에는 두 개의 출발점이 있습니다. 1960년대 Letraset이 건식 전사 레터링 시트에 이 텍스트를 인쇄해 모든 상업 미술 부서 앞에 가져다 놓았고, 1985년 Aldus가 데스크톱 퍼블리싱을 탄생시킨 프로그램 PageMaker의 기본 플레이스홀더로 실어 보냈습니다. 거기서부터 모든 레이아웃 도구, CMS 테마, 웹사이트 템플릿으로 퍼졌습니다. 이 장수에는 실질적인 근거가 있습니다. 읽을 수 있는 플레이스홀더 텍스트를 주면 검토자는 레이아웃 대신 문구를 비평하기 시작합니다. 무의미하지만 그럴듯한 텍스트는 디자인 리뷰를 디자인에 관한 것으로 유지시킵니다. 그것이 하필 고통과 쾌락에 관한 2,000년 된 도덕 철학이라는 건 근사한 아이러니입니다 — dolorem ipsum, '고통 그 자체'.
플레이스홀더 텍스트를 작동하게 하는 타이포그래피 수치
플레이스홀더 텍스트의 가치는 통계에서 나옵니다. 영어 문어의 평균 단어 길이는 약 4.7자 — 뒤따르는 공백을 포함하면 약 5.7자 — 이고, 고전 타이포그래피는 편안한 행 길이(measure)를 한 줄에 45–75자로 잡으며, Robert Bringhurst가 The Elements of Typographic Style에서 이상으로 꼽은 값이 66자입니다(어림법 버전: 소문자 알파벳 2–3벌, 즉 52–78자). Lorem ipsum의 단어 길이 분포는 영어에 충분히 가까워서, 한 단(column)에 흘려 넣으면 실제 산문과 거의 같은 방식으로 줄바꿈되고 하이픈이 붙고 오른끝이 자연스럽게 들쭉날쭉해집니다. 덕분에 행 길이, 행간, 글자 크기를 정직하게 판단할 수 있습니다. 'asdf asdf asdf'가 절대 못 하는 일이 정확히 이것입니다. 동일 단어의 반복은 줄과 줄 사이에서 세로로 정렬되어 가짜 여백의 강(river)을 만들고, 균일한 질감이 좋은 타이포그래피와 나쁜 타이포그래피를 모두 감춥니다.
라틴어 어휘는 세로 방향도 시험합니다. 'aliquip', 'suscipit' 같은 단어에는 어센더(l, t, b)와 디센더(p, q, g)가 자연스러운 빈도로 섞여 있어서, 어센더 없는 문자열로는 멀쩡해 보이던 행간에서 충돌이 드러납니다. 다만 lorem이 시험하지 못하는 것도 있습니다. 대문자는 문장 첫머리에만 나오고(전체 대문자 헤딩 없음), 숫자가 없으며, 볼드/이탤릭 인라인 강조도 없습니다. 디자인이 이 중 하나라도 기대고 있다면 실제 샘플을 의도적으로 끼워 넣으세요.
Measure math for a body-text column:
66 chars/line ÷ 5.7 chars/word ≈ 11.6 words per line
avg glyph width ≈ 0.5em → 66 chars ≈ 33em ≈ 528px @ 16px
45–75 char range ≈ 22.5–37.5em ≈ 360–600px column widthLorem Ipsum이 당신을 속이는 지점 — 그리고 pseudo-localization
Lorem ipsum의 형태는 하나뿐입니다: 공백으로 구분된 중간 길이의 유럽어 단어. 실제 콘텐츠는 그 형태로는 결코 예측할 수 없는 방식으로 적대적입니다. 독일어는 영어보다 대략 30% 길고, 'Eingabeaufforderung'(명령 프롬프트)처럼 고정폭 버튼 안에서 줄바꿈을 거부하는 단일 합성어를 만들어냅니다. 핀란드어와 터키어는 UI 레이블에 접미사를 계속 붙여 나갑니다. 중국어·일본어·한국어 텍스트는 번역 원문인 영어보다 밀도가 높고, 단어 사이 공백이 없으며 거의 어디서든 줄이 끊길 수 있습니다. 그래서 lorem으로만 테스트한 레이아웃은 line-break: strict나 word-break 규칙, CJK 특유의 하이픈 없는 오버플로를 한 번도 겪지 않습니다. 아랍어와 히브리어는 direction: rtl 아래에서 레이아웃 전체를 거울처럼 뒤집습니다. 태국어 역시 단어 사이 공백이 없어 사전 기반 줄바꿈이 필요합니다.
엔지니어링 쪽 해법은 pseudo-localization입니다. 실제 UI 문자열을 변환기에 통과시켜 글자를 악센트 붙은 닮은꼴로 바꾸고 길이를 약 40% 늘립니다 — 'Account Settings'가 '[!!! Àççôûñţ Šéţţîñĝš !!!]' 같은 것이 되고, 앱을 이 가짜 로케일로 돌립니다. 잘림, 깨진 버튼, 하드코딩된 문자열 연결이 번역가를 한 명도 고용하기 전에 즉시 드러납니다. Microsoft와 Netflix 모두 이를 CI에 내장하고 있습니다.
디자인 쪽 비판은 더 나아갑니다. 'design with real content' 운동은 lorem ipsum을 design debt라고 부릅니다 — 이상적인 텍스트에 최적화된 레이아웃은 실제 이름과 이메일 앞에서 무너지기 때문입니다. 실용적인 중간 길은 값의 형태가 올바른 사실적 대체 콘텐츠입니다 — 이름 필드는 'Alexandria Papadopoulos-Vanterpool'로, 이메일은 RFC 한도인 254자로, 카드 번호는 19자리로 테스트하는 것입니다.
// pseudo-localization: expand + accent real strings
"Save changes" → "[!!! Šàvé çhàñĝéš !!!]"
"Account Settings" → "[!!! Àççôûñţ Šéţţîñĝš !!!]"
// German-length reality check for a fixed-width button
"Edit" → "Bearbeiten" (2.5x wider)
"Command prompt" → "Eingabeaufforderung" (one unbreakable word)엔지니어링 워크플로 속 Lorem: 시드, 스냅샷, CI 가드
플레이스홀더 텍스트는 모크업 너머에서 훨씬 널리 쓰이며, 엔지니어링에서 반복되는 요구사항은 결정론(determinism)입니다. faker.js(@faker-js/faker)나 Ruby/Python의 Faker 계열 라이브러리는 이름·주소와 함께 lorem.paragraphs()를 제공하는데, 결정적으로 시드를 받습니다. faker.seed(42)를 걸면 데이터베이스 픽스처가 매 실행마다 바이트 단위로 동일해져서, 실패한 테스트가 동료 머신에서도 재현됩니다. 같은 규칙이 시각 회귀 테스트를 지배합니다 — 시드 없는 Math.random()으로 생성한 lorem에 대해 스크린샷을 diff하면 실행할 때마다 새로운 '실패'가 나옵니다. 생성된 텍스트를 픽스처에 고정하거나 RNG에 시드를 거세요. 부하 테스트에는 현실적인 필드 길이의 lorem이 필요합니다. 10자짜리 문자열로 스트레스 테스트한 댓글 테이블은 2KB짜리 댓글이 컬럼 크기와 인덱스 페이지에 어떤 짓을 하는지 아무것도 말해주지 않습니다.
그리고 모든 팀이 언젠가 겪는 사고 유형이 있습니다: lorem이 프로덕션에 배포되는 것. 히어로 배너, 법적 고지 페이지, 트랜잭션 이메일 템플릿에 남은 플레이스홀더 문단은 모두의 시선이 미끄러져 지나가기 때문에 오히려 리뷰를 통과합니다. Google은 여러 시기에 걸쳐 'lorem ipsum'이 그대로 남은 수천 개의 라이브 페이지를 색인했고, 크롤러가 이를 boilerplate로 분류할 수 있으니 SEO 문제이기도 합니다. 값싼 해결책은 CI 가드입니다. 프로덕션 빌드 산출물에서 이 문자열을 grep하고 걸리면 파이프라인을 실패시키세요. 셸 한 줄로 창피한 버그 클래스가 빨간 X로 바뀝니다.
// reproducible fixtures with a seeded generator
import { faker } from '@faker-js/faker';
faker.seed(42);
const body = faker.lorem.paragraphs(3); // identical every run
# CI guard: never ship placeholder text
if grep -ri "lorem ipsum" dist/; then
echo "Placeholder text found in production build" && exit 1
fiBacon Ipsum과 친구들: 변종, 이스터 에그, 그리고 리스크
Lorem이 인프라가 되자 장난감 생태계가 자라났습니다. Bacon Ipsum은 라틴어 사이에 육가공품을 끼워 넣고, Cupcake Ipsum은 온통 디저트이며, Hipster Ipsum, Cat Ipsum, Pirate Ipsum은 이름 그대로입니다. 'Li Europan lingues'는 결이 다릅니다 — 인공어 Occidental의 샘플 문단으로, 대체 필러 텍스트로 유통됩니다. 순수주의자라면 뒤섞인 고전판과 키케로의 실제 원문 라틴어 중에서 고를 수도 있습니다. 테마 ipsum은 사내 데모의 삭막함을 덜어주는 데 진짜 유용하지만, 고전 텍스트에는 없는 커리어 리스크가 따라옵니다. 욕설 가득한 영화 대사 변종인 'Samuel L. Ipsum' 문단이 클라이언트 데모나 영업 자료 스크린샷에 도달하는 건 실제로 반복되는 이야기입니다. 고전 텍스트의 밋밋함은 기능입니다 — 그것 때문에 사과한 사람은 아직 아무도 없습니다.