블로그에 수식 입력하려면?

     

    블로그에 수식을 넣고 싶다면?

    살다보면 뜻하지 않게, 블로그에 수식을 넣어야 하는 순간이 옵니다. 이럴 때 쓰면 좋은 라이브러리와 설정 방법이 있어 기록해 놓습니다. MathJax를 사용하면 블로그에 수식 입력이 가능해집니다.

    https://github.com/MathJax/MathJax

     

    mathjax/MathJax

    Beautiful and accessible math in all browsers. Contribute to mathjax/MathJax development by creating an account on GitHub.

    github.com

     

    버전 및 호환성 문제

    2020/12월 현재, 3.x 버전도 출시가 되었으나 버전 2.x의 모든 기능이 아직 3.x으로 마이그레이션이 되지 않은 점과 기존과 사용법이 다소 달라진 점 등을 감안하여, 2.x의 안정 버전으로 사용해 보고자 합니다. 작성일 기준, v2.x의 최상위 버전은 2.7.9이므로 이 버전으로 설정합니다.
    http://docs.mathjax.org/en/latest/upgrading/v2.html

     

    Upgrading from v2 to v3 — MathJax 3.1 documentation

    MathJax v3 is a complete rewrite of MathJax from the ground up (see What’s New in MathJax v3.0), and so its internal structure is quite different from that of version 2. That means MathJax v3 is not a drop-in replacement for MathJax v2, and upgrading to

    docs.mathjax.org

     

    블로그에 설정하는 방법은 두 가지

    1. 스킨 편집에 항상 포함하기
      본인의 블로그에 수식이 항상 자주 들어간다면, 이 방법이 더 편할 것입니다. 한번 설정해 놓고 돌아보지 않아도 되니까요. 그런데, 정말 어쩌다 한 번 포스팅할까 말까하다면 불필요한 스크립트를 로딩시켜서 속도를 저하시킬 수도 있을 것입니다.
    2. 필요할 때마다 해당 설정을 복사해서 사용하기
      대안으로, 관련 글을 작성할 때마다 스크립트 부분을 글에 복사하는 방법입니다. 번거로울 수도 있으나, 경제적이라고 봅니다. 당연히 저는 2번입니다. 수식을 쓸 일은 별로 없을 것 같아서요.

     

    반응형

     

    넣어야 하는 공통 설정

     

    설정 방법 1, 스킨에 포함시키기

    스킨편집 > html편집을 누르고, 위의 코드 블럭을 </body> 바로 앞에 넣습니다. 이후, 본문은 기존과 같이 작성합니다.

     

    설정 방법 2, 필요할 때마다 복사해서 사용하기

    편집기 모드를 html 모드로 변경 후, 위의 코드 블럭을 복사해 넣고 본문을 작성합니다.

     

    사용 예

    표기법은 기본적으로 LaTex(논문 쓰셨던 분들은 이미 익숙할 수 있는)와 같이 하면 됩니다.
    https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:TeX_%EB%AC%B8%EB%B2%95

     

    위키백과:TeX 문법 - 위키백과, 우리 모두의 백과사전

    위키백과, 우리 모두의 백과사전. 위키백과에서는 수학 공식을 간편하게 입력하기 위해, TeX 문법을 지원합니다. 이것은 수식이 간단한 경우 HTML로, 복잡한 경우에는 PNG 그림으로 나타납니다. 또

    ko.wikipedia.org

    수식을 기록한 후,

    $ 수식 $

    과 같이 표현해 주면 됩니다. 앞서 말한, 스크립트 설정이 되어 있어야겠죠. 이 글은 2번의 방법을 따라, 글 하단에 스크립트를 개별로 넣어주었습니다.

    • 예1$ \frac{-b\pm\sqrt{b^2-4ac}}{2a} $
    • $ \\frac{-b\\pm\\sqrt{b^2-4ac}}{2a} $
    • 예2$ (a+b)^2 = a^2 + 2ab + b^2 $
    • $ (a+b)^2 = a^2 + 2ab + b^2 $
    • 예3$ x_a + x_b $
    • $ x_a + x_b $

     

    좀 더 편하게 입력하기 위한 방법

    http://www.hostmath.com/

     

    HostMath - Online LaTeX formula editor and browser-based math equation editor

    Copy and paste the code above to your webpage! Equation Type Paragraph Equation Inline Equation

    www.hostmath.com

    와 같은 사이트의 도움을 받으면, 보다 쉽게 수식의 초기 틀을 잡을 수 있을 것 같습니다. 템플릿을 고르고, 수식을 완성한 다음 원하는 표현식에 맞도록 수정하고 블로그로 수식을 옮겨오면 될 것입니다.

     

     

    댓글(6)

    • 2020.12.17 00:55 신고

      예전에 수식 입력할 줄 몰라서 그림으로 캡처하던 시절이 생각나네요 ^^;; LaTex 에는 익숙하지는 않지만 가끔씩 꼭 필요할 때 아쉽더라구요. 학교다닐 때 LaTex 수업이 잠깐 있었는데, "아니, 이렇게 문서를 쓰는 사람이 있을까?" 라고 생각했는데, 의외로 많이 계시더라구요. 수식을 비롯해서 일관된 문서스타일 관리에 유용하다고 하던데, 지금 다시 배우는게 큰 의미가 있을진 모르지만 다시 관심이 가네요 ^^

      • 2020.12.17 07:49 신고

        네 그렇죠. 저는 예전에는 잠깐 필요할 때면 HWP나 MS-WORD 써서 표현하기도 했었습니다만, 웹에서 쉽게 표현할 수 있게 되다니 많이 좋아졌어요. ^^

    • 2020.12.17 10:48 신고

      흐으 봐도 어려운 콤퓨타의 서계ㅠㅠ

      • 2020.12.17 11:12 신고

        뜻하지 않게 수식 입력할 날이 찾아옵니다. 그림으로 그리는게 더 복잡하더라고요 :)

    • 2020.12.19 08:51 신고

      와... 저 통계 관련 글 올릴때 항상 워드에서 쓰고 캡쳐해서 올리거나 했는데.... 정말 유용한 정보 감사해요ㅠㅠㅠ!! 다음 통계 글은 이 글 참고해서 적용해봐야겠어요

      • 2020.12.19 10:39 신고

        네, 더구나 박사님은 통계하시니까 수식이 많이 필요할 것 같습니다 :)

    Designed by JB FACTORY