HTML에서 수식을 편집하기

수식 편집에 관한 프로그램으로 유명한 것은 역시 Tex, LaTex다.
수식사이트
http://www.codecogs.com/

대학원에서 논문을 쓸 때 주위의 동료들은 대개 아래아한글을 써서 수식이 잔뜩 들어간 논문을 썼고 나역시 아래아한글을 사용하여 수식을 편집하였다. 나름대로 깨끗한 수식이 편집되지만 전문적인 글씨체로서는 품격이 떨어지는 것이 사실이어서 아쉬움이 남았다. 일부 학생들은 바로 Tex를 이용하여 논문을 편집했는데, 이는 과연 전문 수식편집기로서 명성을 자랑할 만했다.

세월은 흘러 매킨토시에서 쓰는 페이지(Pages)에는 딸려 있는 수식편집기가 없다는 것을 알았다. 이제와서 수식을 쓸일은 없지만, 이참에 인터넷의 힘을 빌어 조사해 보니, 꽤 쓸만한 정보가 많이 있었다. HTML에 이미지 형태로 추가할 수 있는 수식기 서버사이트가 있었던 것이다. 

가끔 블로그에 수식을 쓸일이 생기면 이용해보기로 한다. 위의 사이트에 가면 수식 태그가 있기 때문에 참조하면 된다.  
다음은 이차방정식의 예(이미지 태그를 이용하는 방식);

 

<IMG src="http://latex.codecogs.com/png.latex?ax^2+bx+c=0">

후기)

역슬래시 입력이 잘 안되면 %5C를 써서 사용해보았다. Seamonkey에서 편집하면 역슬래시를 %5C등으로 변환해 주어서 특수문자등도 블로그에 표시가능했다.(조금 번거롭긴 하지만)

관련된 내 블로그:

[일상을 논함] - 수식 편집기(Equation Editor)가 없어도 수식을 작성하는 법(정리편)
[일상을 논함] - HTML 수식입력을 통해 나만의 방문자 통계를 꾸미는 법