NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


‘MediaWiki’ 7일간의 사용기.

본문 건너 뛰기

지난주에 미디어위키를 설치 했습니다. 그동안 사용하던 호스팅 서비스가 PHP5를 지원하지 않아서 부랴부랴 PHP5를 지원하는 서비스로 변경하고 설치 후 이것 저것 테스트 하다보니 이제서야 좌충우돌 사용기를 적습니다. 설치형 위키라면 집단지성을 이용하여 공동편집을 하는것 이외 적어도 혼자 메모장 처럼 쓸 수 있으니 여러모로 활용가치가 있다고 생각 했습니다.

그러나 위키 문법은 알고 싶지도 않다.

활용가치가 무척 높은 도구임에도 불구하고 아직까지 대중에게 사랑받지 못하는 이유는 바로 위키 문법 때문이라고 생각합니다. 웹 문서 형식에 익숙한 제가 쓰기에도 불편하고 위키 종류마다 문법도 각각 달라서 리치 텍스트 편집기가 없으면 도무지 글을 쓸 엄두가 안납니다. 위키 문법은 복잡한 HTML 문법을 대체할 목적으로 개발되었지만 또 하나의 골치 아픈 문법이 되었습니다. 현존하는 각종 브라우징 기기들이 대부분 자바스크립트를 지원하므로 리치 텍스트 편집기는 거의 모든 브라우저에서 구동 됩니다. 이런 시점에서 위키 문법이 꼭 필요한 것인지를 생각하건데 더 이상은 필요 없다고 생각합니다 시각장애인등 리치 텍스트 에디터 사용이 용이하지 않은 사람에게는 여전히 필요하다고 생각합니다. 스프링노트는 사용자에게 문법 따위를 고민하지 않도록 하면서도 시멘틱한 글쓰기를 유도하고 있습니다. 저는 위키를 설치하자 마자 미디어위키 전용 FCK 에디터를 확장기능으로 추가 했습니다. 문법이 복잡한 표 데이터도 쉽게 작성할 수 있기 때문에 무척 만족스럽습니다. 

미디어 위키 전용 FCK 에디터

기본 스킨 디자인으로는 만족 못해.

기본 스킨은 현재 위키백과에서 사용중인 스킨 입니다. 그러나 기본 스킨을 비롯하여 여분의 7개 스킨은 하나같이 만족스럽지 않아서 검색을 통해 다른 스킨을 찾았고 현재 모질라 위키에 적용된 스킨이 공개되어 있다는 것을 알았습니다. 아래 이미지는 모질라 스킨의 일부 입니다. 제가 보기에는 모질라 스킨이 가장 깔끔 하더군요. 조금 더 큰 스킨 이미지 보기.

 모질라 스킨이 적용된 미디어위키

모질라 스킨 적용하니 FCK 에디터 작동 안해 스킨 코드 수정 필요.

스킨이 2006년도에 공개된 후 버전 업데이트가 되지 않아서 FCK 에디터 출력에 필요한 자바스크립트를 로드하지 않는것 같아 보였습니다. 기본 스킨인 모노북 템플릿 으로부터 자바스크립트를 불러내는 부분을 찾아내어 모질라용 스킨에 덮어쓰기 하니 제대로 작동 하는군요.

수정 전 코드

<?php if($this->data['jsvarurl']) { ?>
<script type="text/javascript" src="<?php $this->text('jsvarurl'  ) ?>"></script>
<?php } ?>
<script type="text/javascript" src="<?php $this->text('stylepath' ) ?>/common/wikibits.js"></script>
<?php if($this->data['usercss']) { ?>
<style type="text/css">
<?php $this->html('usercss' ) ?>
</style>
<?php } ?>
<?php if($this->data['userjs']) { ?>
<script type="text/javascript" src="<?php $this->text('userjs' ) ?>"></script>
<?php } ?>
<?php if($this->data['userjsprev']) { ?>
<script type="text/javascript"><?php $this->html('userjsprev') ?></script>
<?php } ?>

수정 후 코드

<?php print Skin::makeGlobalVariablesScript( $this->data ); ?>
<script type="<?php $this->text('jsmimetype') ?>" src="<?php $this->text('stylepath' ) ?>/common/wikibits.js?<?php echo $GLOBALS['wgStyleVersion'] ?>"><!-- wikibits js --></script>
<!-- Head Scripts -->
<?php $this->html('headscripts') ?>
<?php if($this->data['jsvarurl']) { ?>
  <script type="<?php $this->text('jsmimetype') ?>" src="<?php $this->text('jsvarurl') ?>"><!-- site js --></script>
<?php } ?>
<?php if($this->data['pagecss']) { ?>
  <style type="text/css"><?php $this->html('pagecss') ?></style>
<?php }
  if($this->data['usercss']) { ?>
  <style type="text/css"><?php $this->html('usercss') ?></style>
<?php }
  if($this->data['userjs']) { ?>
  <script type="<?php $this->text('jsmimetype') ?>" src="<?php $this->text('userjs' ) ?>"></script>
<?php    }
        if($this->data['userjsprev']) { ?>
        <script type="<?php $this->text('jsmimetype') ?>"><?php $this->html('userjsprev') ?></script>
<?php    }
        if($this->data['trackbackhtml']) print $this->data['trackbackhtml']; ?>

리치 텍스트 에디터 확장 없이 WYSIWYG 편집하는 방법.

확장 기능 사이에 문제가 발생하여 FCK 에디터를 사용할 수 없거나 글을 작성하는 곳이 미디어위키가 맞지만 리치 텍스트 편집기가 설치되어 있지 않아 불편하다면 Firefox 브라우저를 사용하고 BBComposer 라는 확장을 추가하는 것도 차선책이 될 수 있습니다.

글 입력상자textarea 위에서 오른쪽 마우스를 클릭하면 ‘BBComposer’ 문맥 메뉴가 등장.

BBComposer를 실행하기 위한 문맥 메뉴(마우스 오른버튼 클릭)

글 입력상자는 즉시 WYSIWYG 상태로 전환이 되거나 설정에 따라 아래와 같이 새 탭으로도 출력된다.

BBComposer 실행 화면

위키 한 번 써보세요!

위키 설치에서 잘 쓰는 요령까지 두루 알려 드렸으니 이제 참여 하셔야죠? 현재 다음과 같은 콘텐츠를 제 위키에서 운영 중입니다.

모든 문서는 누구에게나 열려 있으며 새로운 문서를 추가하거나 기존의 문서를 편집하면서 발생할 수 있는 부작용에 대하여 아무런 책임을 지지 않으셔도 됩니다. 자유롭게 이용하세요.

작성한 모든 콘텐츠는 배타적 소유권을 주장할 수 없으며 공공의 이익을 위하여 기증한 것으로 간주 합니다. 저작권이 있거나 보안으로 취급되는 내용을 기록하지 마세요. 여러분이 작성한 문서를 다른이가 편집할 수 있으며 선의든 악의든 훼손할 수도 있음을 미리 알아두세요. 편집에 참여한 사람이나 운영자는 모든 상황에서 아무런 권리와 책임도 취하지 않을 것입니다.

여러분을 믿구요. 또 강력한 되돌리기(복구)기능이 있으니 너무 걱정하지 않으셔도 됩니다. ^^

분류: 생활의 발견 | 2009년 1월 20일, 3:28 | 정찬명 | 댓글: 12개 |
트랙백URI - http://naradesign.net/wp/2009/01/20/574/trackback/

12개의 댓글이 있습니다.

  1. astraea 댓글:

    전 원래 dokuwiki 를 썼는데
    대세가 mediawiki 같아서 옮겨야하나 고민을 하네요…^^;
    mediawiki는 너무 거대해보이긴하는데..

  2. 길앞잡이 댓글:

    저도 찬명님 따라서 위키한번 설치해봐야겠어요~

  3. 정찬명 댓글:

    위키를 선택 하실 때 참고하실만한 곳이 있습니다. ^^
    세상에 존재하는 거의 모든 위키 도구들을 비교할 수 있는 서비스 인데요.
    http://www.wikimatrix.org/

    해당 사이트에서 상세정보가 가장 많이 조회된 순으로 위키의 순위를 매겨 놓은 페이지도 있습니다.
    http://www.wikimatrix.org/statistic/Most+Views

    1위 – DokuWiki
    2위 – MediaWiki
    3위 – TWiki

    순 입니다.

    이 순위가 위키의 우열을 가리는 순위는 될 수 없고 자신에게 필요한 도구를 찾아내는데 참고만 하시라고 하는군요.

    새 위키 설치하시면 저도 구경시켜 주세요. ^^

  4. 조현진 댓글:

    위키 문법 같이 약식화된 마크업 언어들은 시각 장애인이라던지, 복잡한 코드 입력이 불편한 분들에게 도움이 될 수 있습니다. 물론 처음에 익히는 시간은 필요하겠지만요.

  5. 정찬명 댓글:

    네, 제 생각이 조금 짧았던것 같습니다. 위키 문법은 그래서 여전히 필요하다는 의견에 전적으로 동의합니다.

  6. 나에 댓글:

    아직 쓸 일이 없네요…
    작년엔 참 쓸 일이 많았는데 T_T

  7. hong! 댓글:

    좋은 내용 잘 보고 갑니다. 전에 위키로 정리해놓고 싶은 내용이 있어서 시도를 해봤는데 생각보다 스킨에 엄청난 귀차니즘을 느꼈었어요. 찬명님이 정리해 주신 내용이 도움이 많이 될 것 같습니다.

    참, 컨텍스트 메뉴는 문맥 메뉴보다 정황 메뉴가 더 적절하지 않을까 싶어요. 스터디에서 context를 ‘문맥’으로 번역해 둔 책을 스터디 진행했었는데 많은 분들이 문자열에서의 맥락에만 집중하게 되더군요.. 아니면 그대로 컨텍스트 메뉴라고 부르는 것도 괜찮을 듯 싶어요.
    의견 살짝콩 남겨봅니다. ^^;;

  8. 정찬명 댓글:

    컨텍스트, 문맥, 정황에 관한 의견 감사합니다. 정황메뉴도 나쁘지 않은데 솔직히 아직까지 딱히 어떤 단어를 사용해야 좋을지 쉽게 판단이 안서네요. 다른 곳에서는 어떻게 설명하는지 앞으로 주의깊게 살펴봐야겠습니다. ^^

  9. 익명 댓글:

    혹시 혼자만 사용할 수 있도록 다른 이들은 읽지도 못하게 막아둘 수 있을까요?
    개인 저작을 위한 도구로 참 좋을 것 같아서요… 가능했으면…

  10. 정찬명 댓글:

    @익명
    개인 PC에 서버 환경을 만드시고 그곳에 설치하시면 될것 같은데요. ^^

  11. 슬기로운생활 댓글:

    to 익명

    $wgGroupPermissions[‘*’][‘read’] = false;
    $wgGroupPermissions[‘*’][‘edit’] = false;
    $wgGroupPermissions[‘*’][‘createaccount’] = false;

    이런 식으로 LocalSettings.php 파일에다가 기술하면 됩니다.
    위의 설정은 모든 유저그룹에게(익명 사용자 포함) 읽기, 수정, 계정생성을 금지 하겠다는 이야기 입니다.

    이렇게 해 두면 관리자 id 로 혼자 사용이 가능합니다.

  12. 목수 댓글:

    To. 슬기로운생활가

    알려주신 방법으로 해보니 로그인하지 않은 상태에서는 글을 조회하거나 편집하는 것이 안되지만, 사용자로 로그인한 다음에는 일반적인 기능들을 모두 사용할 수 있더라구요.

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님