2008년 7월 20일 일요일

티스토리 2008 베타 오픈 리뷰 (5) - 서식

티스토리의 2008 베타에서 개선된 부분 중 서식도 빼놓을 수 없습니다. (점점 리뷰보다는 미션 지향적으로 변하고 있군요 쿨헉~;;) 서식은 글쓰기 페이지에서 상단의 글 종류에서 서식으로 저장하면 저장이 됩니다.

저장된 서식은 글쓰기 페이지의 우측 서식 항목에서 나오게 되는데요. 서식을 클릭하면 저장했던 양식이 글 본문에 삽입이 됩니다. 구분선 아래 쪽이 서식 포멧을 적용한 예입니다.


  시작하는 글 

jQuery는 다른 라이브러리와 함께 사용할 수 있도록 만들어졌는데요. jQuery라이브러리와 플러그인들은 jQuery(namespace)안에 포함되도록 제한되어 있습니다. jQuery의 일반적인 규칙으로 "global"한 객체들은 모두jQuery(namespace) 안에 정의되어지기 때문에 Prototype이나 MooTools 또는 YUI와 충돌에 관해서걱정할 필요가 없습니다.

그러나, 단 하나의 예외가 있는데요. jQuery 라이브러리에서 jQuery(namespace)의 shortcut으로 사용되는 $입니다.

  $ 함수 재정의하기 

그러나, 이러한 $에 대해 충돌이 발생하더라도 jQuery.noConflict()를 호출함으로서 해결할 수 있습니다. (jQuery.noConflict()를 호출하기 위해서는 jQuery 라이브러리가 선언된 뒤여야만 합니다.)

<html>
  <head>
    <script src="prototype.js"></script>
    <script src="jquery.js"></script>
    <script>
      jQuery.noConflict();
    
      // Use jQuery via jQuery(...), $가 아닌 jQuery를 사용
      jQuery(document).ready(function(){
         jQuery("div").hide();
      });
    
      // Use Prototype with $(...), etc.
      $('someid').hide();
    </script>
  </head>
  <body></body>
 </html>

jQuery.noConfict()를 호출하게되면 _$(jquery.js 파일이 로딩될 때 기존에 선언되었던 $의 내용을 _$에 저장)의 내용들을 복원하게 됩니다. $를 호출하게 되면 위에서 선언하였던 prototype의 $가 호출이 되지만 jQuery는 페이지의 다른 곳에서 계속 사용할 수 있게 됩니다.

이 외에도 다른 해결책도 있습니다. 다른 라이브러리와 충돌이 나지 않는 shortcut을 선언하는 것입니다.

<html>
  <head>
    <script src="prototype.js"></script>
    <script src="jquery.js"></script>
    <script>
      var $j = jQuery.noConflict();
   
       // Use jQuery via $j(...), $가 아닌 $j를 사용
      $j(document).ready(function(){
         $j("div").hide();
      });
    
       // Use Prototype with $(...), etc.
      $('someid').hide();
    </script>
  </head>
  <body></body>
 </html>

jQuery.noConflict()에서 리턴되는 값은 jQuery입니다. 여기에 $j가 jQuery를 참조하도록 하는 코드구요. 당연히 $j 외에도 여러 다른 기호들을 alias로 사용할 수 있습니다.


  참고자료


서식을 작성할 때는 공개설정이 모두 사라지며, 글목록에서 서식목록을 공개로 클릭하는 경우에도 상태를 변경할 수 없다는 말이 나옵니다.

그러나, 베타페이지에서 나온

※ 베타 기간 동안 제작해주신 서식은 이후 정식 오픈 때에 여러분들의 이름으로 서식이 제공될 예정입니다.

를 보면 조만간 서식을 공개, 공유하는 부분이 추가되지 않을까 생각됩니다. N사의 레이아웃기능을 뛰어넘는 티스토리만의 기능이 되기를 기대해봅니다.

※ 허접이기는 하지만, 디자이너가 아닌 개발자로서 무려 4시간의 시간을 투자해가며 만들었답니다. 쿨헉~

서식에 사용된 글


댓글 없음:

댓글 쓰기