처음 책을 보았을 당시 만약 저라면 이 부분은 번역하지 않고 그냥 ‘float 레이아웃’ 이라고 했거나 ‘float 요소’ 라고 하는게 좋지 않은가 라는 생각을 하고 있었습니다. 물론 지금 김지원님 설명을 들어보면 ‘부유’라는 용어에 대해 충분히 납득이 되고 틀린 번역이라고는 생각하지 않습니다. 아무래도 ‘평소에 잘 사용하지 않던 표현’이라서 개인적으로 그렇게 느꼈나봅니다. 지금은 책에서 부유 레이아웃을 ‘float 기반의 레이아웃’이라고 초반에 잘 설명하고 있으니 문제라고 생각하지 않습니다.

이야기가 나온 김에 김지원님과 의견을 나누고 싶은 것이 하나 더 생겼습니다. 바로 ‘엘리먼트’와 ‘애트리뷰트’ 또는 ‘프로퍼티’ 와 같은 용어에 대해서 저는 평소에 ‘엘리먼트’는 ‘요소’로 ‘애트리뷰트, 프로퍼티’는 모두 그냥 ‘속성’이라고 표현하는데 이런 표현에 대해서는 어떻게 생각하시는지 궁금합니다.

감사합니다.

책에는 제가 float를 부유로 번역한 부분이 있고 float 그대로 영문으로 놔둔 부분이 있습니다. 부유라고 번역한 부분은 그것의 의미나 개념 설명으로서 쓰인 부분이구요(예: float(ed) layout), float로 쓰인 부분은 실제 소스코드에 쓰이는 그 float라는 스타일 명령 자체를 나타내는 부분이었습니다. 원서들도 많이 보셨을 테고 이미 관련 CSS 원서 문헌들도 보셨을 테니 잘 아시겠지만 float의 의미는 여기서 분명하게도 ‘띄우다’라는 뜻입니다. 그래서 저는 기존 책들에 이미 ‘플로트’라고 외래어식으로 번역된 부분을 쉬운 이해를 위해 부유라고 번역한 것입니다. 게다가 비밀매뉴얼 원서 자체에도 이미 float에 대해 처음 설명하면서 띄운다는 내용이 설명돼 있기 때문에 더욱 적절하다고 생각했구요.

잘 아시겠지만 플로트란 문서 상의 레이아웃에서 기존 진행(흐름, 순서라고도 하죠)과 무관하게, 띄울 수 있는 엘리먼트가 있습니다. 이것은 말 그대로 공중에 띄워져 있기 때문에 문서 레이아웃 흐름에서 제외되는 겁니다(웹 문서나 각종 원서에도 그렇게 설명돼 있어요). 저의 원서가 지금 없는 관계로 인용할 수 없지만 책에도 그와 유사한 식의 설명이 나오며, 웹 상에서 CSS float에 관해 검색해도 무수하게 그런 개념이 등장하는데 간략히 한 문장 인용하면 이렇습니다.

A floated box is positioned within the normal flow, then taken out of the flow and shifted to the left or right as far as possible.
부유된(혹은 떠 있는, 즉, 정확히 하자면 ‘float라는 스타일 명령이 지정된’이 되겠지요) 박스는 정상 흐름 내에서 일단 배치된 후, 그 흐름을 벗어나서 최좌측이나 최우측으로 이동된다.

(솔직히 윗 문장의 경우, 저는 역자로서 이것을 ‘플로트’ 박스라든지 ‘플로팅’ 박스라고 하는 것은 다소 성의가 없다고 생각했습니다. 엄연히 부유되었다는 의미로 문장 자체에서 개념적으로 쓰이고 있고, 소스코드 즉 스타일 정의 내에서가 아니라면 float라고 사용할 필요가 없을 뿐더러 그것을 마치 개념설명 내에서조차 ‘플로트’라고 외래어처럼 사용하는 것도 꺼려하구요. 만일 위에서 부유된을 대체하려면 플로팅 같은 것 보다는 괄호 안에 장황하게 풀어 쓴 수식문이 들어가야 원문에 충실한 제대로 된 설명이겠지요. 뭐 플로트라고 쓴다고 해서 못알아볼 사람이야 없겠지만요…)

그리고 CSS 비밀 매뉴얼에서는 Float Layout이 부유 레이아웃 이라는 ‘부유’의 의미로 쓰였기 때문에, 후반 장에 나오는 유동 레이아웃을 Liquid Layout 이라고 별도로 구분해서 사용했습니다. 다른 상황이나 다른 경우에 float가 유동으로 쓰이기도 하지만 CSS 관련 문서나 책에서는 유동 레이아웃과 부유 레이아웃은 구분을 해야하기 때문에 유동으로 해석해서는 안 됩니다. 혹시나 이 부분에도 오해를 하시는 분들이 계실지 몰라 사족으로 답니다.

댓글에서 제 책을 봐주시고 좋다고 평가해 주신 분들께 진심으로 감사드립니다. 더욱 노력해서 더 좋은 책 번역하도록 노력하겠습니다. 감사합니다~.

PDF 형식의 ‘실전 웹 표준 가이드’ 직접 다운로드: KIPA자료실, IABF자료실

링크 주소 모두 다운이 안되요.

요새 한기대 기술교육으로 표준화를 수강하고 있는데… 너무 쉬었다 공부하나봐요. ㅋ

공모전에 뭐하나 내볼까 생각중인데…. ㅋㅋ