2009년 9월 18일 금요일

웹상의 표 복사를 내마음대로 하자. - Table2Clipboard

 이번에 소개드릴 확장기능은 Dafizilla Table2Clipboard입니다.
예전에 작업한 것인데 시간을 끌다가 그사이에 1.0버전까지 나와 버렸네요.

 웹상에서 HTML로 데이터를  표시하는 방법은 일반적으로 2가지로
<TABLE>태그를 사용해 도표의 형태로 표현하는 방식과
<UL>,<DL>,<OL>등의 목록의 형식으로 표현하는 방식이 있습니다.

 데이터를 복사하려는 경우 목록의 형식이나 도표의 가로줄은 복사가 비교적 용이하지만,
세로줄은 일일히 한칸 한칸을 복사해야하는 불편함이 있었죠.

예를 들어 아래와 같은 표가 있다면

 홍길동
성춘향
임꺽정  이개동
 1분기 52,360 49,610 55,400
 39,500
 2분기 48,870 61,830 56,500 48,700
 3분기 53,560 58,350 41,650 59,600
 4분기 45,610
 56,470 53,780
 46,500
 총합200,400226,260 207,330194,300

가로로 배치되어 있는 분기별 각 사람의 성과는 복사하는데 큰 어려움이 없지만,
세로로 배치되어 있는 각 인물의 분기별 성과는 복사하기 어려운 것이 사실입니다.
가로로 배치되어 있는 1분기를 선택한 화면.

가로로 배치되어 있는 1분기 내용을 선택한 화면.


세로로 배치되어 있는 성춘향의 내용을 선택한 화면.

세로로 배치되어 있는 성춘향의 내용을 선택한 화면. 다른 부분까지 선택되어 버린다.


 이런 불편함을 해결하기 위한 확장기능이 Dafizilla Table2Clipboard입니다.
 Dafizilla는 Dafy라는 애칭을 쓰는 확장기능 개발자 Davide Ficano가 자신이 만든 확장기능들에 붙이는 공통 명칭이며, Table2Clipboard가 실제 확장기능의 이름입니다.

 Dafizilla Table2Clipboard를 통해 세로줄을 선택하면 다음과 같이 깔끔하게 선택/복사가 가능합니다.
Dafizilla Table2Clipboard를 통해 세로줄을 선택한 화면.

Dafizilla Table2Clipboard를 통해 세로줄을 선택한 화면. 깔끔하게 선택된다.


 이 확장기능은 단순히 세로줄만 복사하게 하는 것은 아니며, 각 칸을 개별적으로 선택하는 것도 가능합니다.
각 칸을 개별적으로 선택한 화면.

각 칸을 개별적으로 선택한 화면.


 사용방법은 Ctrl키와 함께 마우스로 드래그하거나 원하는 칸을 선택하면 됩니다.

 표 전체를 선택하거나 표 전체를 복사하고 싶다면 표 위에 마우스를 두고 오른쪽 버튼을 누르면 간단히 해결됩니다.
 
표 전체를 원하면 간단히 표 위에서 오른쪽 마우스 클릭.

표 전체를 원하면 간단히 표 위에서 오른쪽 마우스 클릭.


그밖에 1.0버전으로 올라서면서 표 내부의 그림이나 스타일, 링크까지 복사하는 것도 가능해졌습니다.(단, 현재 스타일 복사는 MS제품에서만 가능합니다.)
1.0버전부터는 표 안의 그림이나 링크, 스타일도 복사가 가능하다.

1.0버전부터는 표 안의 그림이나 링크, 스타일도 복사가 가능하다.


 웹상에서 표를 복사하는데 불편하셨던 분들에게 유용한 확장기능이 되었으면 합니다.

 이 확장기능을 내려 받으시거나 설치하려면 확장기능 공식 배포 사이트인 addons.mozilla.org내 Dafizilla Table2Clipboard페이지를 통해 받으시기 바랍니다.

P.S 제 블로그에 소개되는 모든 확장기능의 번역에 대한 다양한  의견을 받습니다.
오역이나 더 좋은 표현, 어색한 표현에 대해서 댓글이나  방명록에 다양한 의견을 남겨주시면 감사하겠습니다.