강좌 전 태오의 잡담>

이 강좌는 Danny(전성대) 님께서 제공하는 유용한 팁들의 퍼레이드 랍니다. ^^

전성대님의 메일주소는 junsd@korea.com 이니까요.
강좌와 관련하여 추가적으로 궁금한 부분이 있거나 하시면 메일로 문의하세요 ^^
혹은, 전성대님의 사이트인 http://sanso.pe.kr 을 이용하셔도 된답니다. ^^

안녕하세요. 대니입니다.

이번 강좌는 DB에서 텍스트를 화면에 출력할때 텍스트가 테이블의 width 를 밀어부쳐서
오른쪽으로 한도 끝도 없이 밀고 나가는 현상을 방지하는 팁입니다.

2000년 4월에 있었던 일입니다.
불철주야(不撤晝夜)를 가리지 않고 php+mysql을 이용하여 컨텐츠 게시판을 만들고 있었습니다.
결국 인내끝에 만들어진 컨텐츠 게시판, 일반 게시판과는 성격이 조금 다른 아주 복잡한 로직으로
만들어진 게시판 이었습니다.

부족한 컨텐츠를 보충하기 위하여 컨텐츠팀들은 자체 개발한 컨텐츠를 올리고 부족한 컨텐츠들은
외국사이트에서 수집하여 올리기 시작하였습니다.

근데 문제는 복사하여 붙혀넣기를 하는 데에서 문제가 발생한것입니다.

흔히들 한글에서는 개발할때 생각하지 않는 문제

<table width=100> <tr> <td>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</td> </tr> </table>

바로 이것이었습니다.

width 를 아무리 잡아도 이는 오른쪽 width=100 을 뛰어넘어 오른쪽으로 한없이 늘어져만 갈것입니다. < BR> 모든 테이블들이 엉망이 됨과 동시에 긴급 수정요청이 들어왔습니다.

쉽게 textarea 를 이용하여 출력하면 해결되지만 컨텐츠를 다루었고 html을 적용하여야 되기 때문에
textarea를 사용 할수가 없었습니다.

asp에서 chr(13)&chr(10) (종점과 엔터) 를 <br>로 replace 를 하여도 복사하여 붙힌것은
엔터와 종점을 인식하지 못하기에 복사해서 붙혀넣을경우 오른쪽으로 한도 끝도 없이 밀고 나가게 됩니다.
그렇다고 해서 모두 엔터를 일일이 칠수도 없는 노릇이지요.

이때 간단하게 사용하는 style 팁입니다.

<table width=100 style="TABLE-LAYOUT: fixed;> <tr> <td>wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</td> </tr> </table>

띄어쓰기가 있으면 자동 줄바꿈이 되며, 띄어쓰기가 없이 예문처럼 될 경우에는 자동 잘림으로
테이블 너비를 고정해 줍니다. 물론 어떤 영문이더라도 띄어쓰기가 없을수는 없지요.

아주 쉽고 간단한 스타일 팁이지만 알지 못할경우엔 조금 슬프지요.
다음에는 좀더 유용한 팁을 가지고 컴백 하겠습니다.

강좌 내용에 의문이 있거나, 궁금한 사항이 있으신 분은 전성대님의 사이트인
http://sanso.pe.kr 을 이용해 보세요 ^^

모두 행복한 하루되세요^^

강좌 목록으로..