아무것도 설치하고 않고도 브라우저에서 수식을 보여주는 방법 IT/정보

MathJax( mathjax.org ) 를 이용하면 아무 것도 설치하지 않고도 사용자가 브라우저에서 수식을 볼 수 있습니다. MathJax는 자바스크립트와 CSS와 웹폰트 기술을 이용합니다. 이 기능은 대부분 브라우저(익스플로러·파이어폭스·크롬·사파리·오페라, ···)에서 지원하므로 사용자는 별도 플러그인을 설치할 필요가 없습니다. 보여주고자 하는 블로거만 자신의 홈페이지에 간단한 MathJax 자바스크립트나 위젯을 끼워넣으면 됩니다.

MathJax를 쓰면 여러 장점이 있는데 Tex이나 MathML을 그대로 쓸 수 있다는 점입니다.
x=b±b24ac2a

이 방식은 기존에 하던 수식을 그림으로 처리하는 것과 다릅니다. 마우스로 수식을 긁어 보세요. 문자·기호 하나하나 잡힙니다. 텍스트 방식이기 때문에 나중에 데이터베이스화할 수 있습니다. 이미지로 하면 못합니다. MathML은 조만간 발표될 ePub3.0에서 직접 지원합니다. 수학이나 과학 전자책 출판을 염두에 둔 분은 MathML 형태로 제작해야 나중에 시행착오를 줄일 수 있습니다. 앞으로 MathML을 브라우저내에서 직접 지원하는 브라우저가 많아질 겁니다. 지금도 파이어폭스를 열면 MathML 식을 바로 볼 수 있는데 파이어폭스처럼 MathML을 직접 지원하는 브라우저가 늘어날 겁니다. 과도기 동안 MathJax를 쓰면 우리가 쓰는 대부분 브라우저에서 MathML을 보게 할 수 있습니다. 단, MathJax 방식의 단점은 수식을 보여주는 시간이 좀 필요합니다.

이글루스에서 MathJax를 쓰려면 위젯 공유센터에서 MathJax 위젯( http://valley.egloos.com/center/widget/3904 )을 사용하세요. 내 저장 위젯에 담고 스킨 편집에서 위젯 사용하기를 체크한 후 사이드바 아무 자리나 놓으면 됩니다. 티스토리처럼 자바스크립트를 기본으로 지원하는 블로그는 http://www.mathjax.org/docs/1.1/platforms/index.html 에 있는 스크립트를 스킨 편집에서 head 사이에 넣으면 됩니다.

RSS 구독하는 분은 파이어폭스에서는 MathML 식이 바로 보일 것이고, 다른 브라우저는 제 블로그에 들어와야 보입니다. 모바일에서 보는 분은 기본 브라우저(오페라 모바일이 아닌)에서 PC화면보기로 보면 보입니다.

-------------
수정 2013.1월
요즘 저는 수식을 이용하지 않아서 떼었지만 위 위젯을 삽입하면 여전히 동작합니다.

핑백

덧글

  • SilverRuin 2011/08/05 10:11 #

    도움이 되는 글이네요!
  • 웅이 2011/08/05 11:44 #

    네, 감사합니다.
  • 이히 2011/09/22 16:30 #

    정말 감사합니다.
    좋은 하루 되세요!
  • 웅이 2011/09/22 21:37 #

    네, 감사합니다. 이히님도 좋은 하루 보내세요
  • 다크 2013/01/22 22:35 #

    좋은 정보네요. ^^
  • 웅이 2013/01/22 22:42 #

    네 감사합니다.
  • 불타는 아이스크림 2014/10/23 22:45 #

    고맙습니다. 덕분에 수식을... T.T
  • 웅이 2014/10/31 13:20 #

    그러고 보니 모바일에는 안 된다는 글을 안 썼군요. 흐흐, 고생하셨어요. 이글루스 모바일에도 필요한 위젯이나 스크립트를 사용할 수 있게 되어야 할텐데...
  • 불타는 아이스크림 2014/11/02 02:54 #

    아마도 돈이 들어가는 일이라 줌에서 빨리 해주지는 못할 것 같아요. 사용자로서는 아쉽죠.
  • student 2018/06/28 12:43 #

    잘 쓰고있습니다 감사합니다
※ 로그인 사용자만 덧글을 남길 수 있습니다.


애드센스_200px 정사각형