기본 콘텐츠로 건너뛰기

html 안에 mimetex을 이용한 수식표현 하기

우리는 자신의 서버에 mimetex을 설치를 하고 게시판 에디터인 TinyMCE에 Plugin을 설치하여 수식을 게시판에 쓸 수 있게 하여 보았다. 그러면 우리는 이제 html 안에 수식을 나타내어 보도록 하자. 그럼 우선 드림위버를 실행하고 code 모드로 바꾸면 아래와 같을 것이다. 이제 해드와 해드 사이에 아래의 자바 스크립트를 코딩한다. 여기서 11번째 줄에 자신 서버 주소에 cgi-bin안에 있는 mimetex.cgi 위치를 정확히 입력한다. 이제 바디와 바디 사이에 아래와 같이 코딩을 하여 보자. 그러면 아래와 같이 보일 것이다. 이것은 이미지를 처리하는 것이다. 자 이제 html에서도 수식을 자유자제로 쓸 수 있겠죠. 그런데 수식이 많으면 서버에 부하가 많이 걸릴듯 하지만 간단한 이미지 처리고 매우 적은 파일 사이즈이므로 별 부담이 없을 것이다. 그럼 수식을 자유롭게 써 보세요.

TinyMCE와 math plugin에 mimetex 내 서버 설정하기

두 군데를 수정하여 주면 된다. 첫번째는  xe/module/editor/skins/tinyMCE/js/xe_interface.js 를 수정하여 주면 된다. 위의 그림과 같이 AScgiloc와 ASdloc의 위치를 수정해 주면 된다. 위의 그림과 같이 내 서버의 위치로 수정하여 주면된다. 두번째로 editordemo에 php폴덩 보면 svgimg.php 파일을 내 xe/ 폴더에 위치를 하여 주었다. 따로 하고 싶으면 다른 폴더를 만들어 보면 된다. 세번째로는 http://localhost:8888/xe/?module=admin&act=dispLayoutAdminModify&layout_srl=50 에 접속을 하면 사이트 설정에 레이아웃 그리고 헤더 스크립트 설정에서 위의 그림처럼 AScgiloc와 ASdloc의 위치를 수정해 주면 된다. 그리고 테스트 이렇게 잘 나온다. 설정 끝. 아 그러나 힘든 나날이었다.  그래도 되니 좋다. 잘 활용 하시길.....

mimetex 설치하기

우선 맥은 제가 보기에는 유닉스 체계를 가지고 있는 것 같다. 그래서 맥에서는 기본적으로 홈페이지를 만들 수 있는 좋은 환경을 제공하여 준다. 우선 그건 그렇고 우선 아래에서 MAMP위에 제로보드 XE를 설치하고 그 위에 수식을 표현하기 위한 TinyMCE를 설치 그리고 그 위에 수식 플러그인을 설치하였다. 아래에서 보면 mimetex을 설치하여 내 서버위세 다시 설치를 하여야 한다.  그래서 이번에는 mimetex을 설치하여 보자. 1) mimetex을 다운로드 http://www.forkosh.dreamhost.com/source_mimetexmanual.html 위의 홈페이지에 가면 중간에 dowmload mimeTeX 을 볼 수 있고 이를 다운로드 받을 수 있다. 이를 압축을 풀고 보면 여기서 우리는 터미널을 이용하여 mimetex.c를 컴파일 시켜 내 컴에 맞는 cgi를 만들어 보자. 2) 터미널 에서 mimetex에 컴파일 하기 우선 터미널을 열어서 터미널 명령어 ls (파일과 디렉토리 보기) cd (폴더 이동) 명령어를 써서 mimetex 폴더로 이동하여 보자. 이제 터미널에 아래의 명령어를 실해하여 보자. cc -DAA mimetex.c gifsave.c -lm -o mimetex.cgi 그러면 폴더에 mimetex.cgi를 볼 수 있다. 터미널 명령어는  http://serapims.tistory.com/entry/OSX-터미널-명령어 에 가면 좀더 자세히 명령어에 대하여 볼 수 있다. 3) mimetex.cgi를 서버 /cgi-bin/ 폴더에 이동시킨다. 위의 cgi-bin/ 폴더에 mimetex를 이동 시킨 것을 볼 수 있다. 서버라면 rm(파일 이동 ) 터미널에서 명령을 사용하여 이동시켜야 하나 지금은 연습 중이므로 그냥 드래그 하여 이동 시키면 된다. 4) 설치 확인 홈 페이지에 창에  http://locallhost:8888/cgi-bin/mimetex.c...

ZeroBoard XE와 TinyMCE 에디터 위에서 수식 플러그인 설치 게시판에 수식 나타내기

수식을 계시판에 쓴다는 것은 매우 어려운 일이다. 이러한 것을 가능하게 한 게시판이 있으니 바로 TinyMCE 에디터에 플러그인을 설치해서 쓸수가 있다. 아래의 그림을 보자. 수식이 들어 가게 된다. 우선 제로보드를 설치하고 그 위에 에디터 위젯 tinyMCE를 설치를 하자. 그리고 아래의 파일을 우선 다운로드 zip format  또는  tar.gz format 그러면 아래의 예제를 실해하여 볼 수 있다. 참 좋은 세상이다. 이제 셋업을 하여보자. 1) 제로보드 XE에서 레이아웃에서 레이아웃 설정에서 해더스크립트를 입력하여야 한다. 헤더 스크립트에 아래와 같이 입력을 한다. 2)다운로드 받은 /jscripts/plugins/ 밑에 있는 /asciimath 과  /asciisvg 폴더를 /xe/module/editor/skins/tinyMCE/tiny_mce/plugins/ 폴더에 복사를 한다. 3) asciisvg, asciimath,  asciimathcharmap 버튼을 추가하여야 한다. 이것은 xe/module/editor/skins/tinyMCE/js/xe_interface.js 파일을 수정하여야 한다. tinyMCE.init 아래의 plugins를 수정하여야 한다. plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,safari", 를 asciimath,asciisvg,table,inlinepopups 를 뒤부분에 추가를 한다. plugins : "...

ZeroBoard XE 에서 tinyMCE 설치 에러 해결방법

MAPM을 설치하고 그 위에 제로보드4를 설치하고 여러가지 테스를 하여보았다. 그런데 에디터 확장 프로그램이 있으니 이는 tinyMCE이다. 물론 자바스크립트로 되어 있다. 그런데 아래와 같은 현상이 일어 났다. 컴포넌트가 없다. 이를 어째~~~~~~~ 그런데 해결 방법이 있으니 editor.html 파일을 메모장 등으로 열어보시면 6번재 쭐에 src="./modules/editor/skins/tinyMCE/tiny_mce/tiny_mce.js" 을 아래와 같이   src=" /xe/modules/editor/skins/tinyMCE/tiny_mce/tiny_mce.js "   의 경로를 맞춰주면 해결이 된다. 아래와 같이 이제 수식 확장 컴퍼넌트만 추가 시키면 되는데 이거 어떻게 해야 하는지  누구좀 알려 주삼~~~~ 

iphone app angry birds 구입하기

iPhone app 중에서 세계적으로 유명한 앵그리 버드라는 게임이 있다. 이놈 참 대단한데 이거 한국에서 구입할수가 없으니... 이유는 우리나에서 게임을 팔려면 사전에 심의를 받아야 하는데 그 과정이 너무 까다로와서 애플에서 아예 게임을 삭제하고 스토어를 열어서 벌어진 현상이다. 그런데 이거 게임할려면 미국계정에서는 받지를 못한다. 국내 카드가 여기서는 먹통이다. 그래서 홍콩 계정으로 다시 계정을 만들어 다운을 받고 다시 한국 계정으로 들어와서 아이폰과 동기활를 시켜 게임을 하면 된다. 우선 아이튠즈 스토어에서 오른쪽 하단에 보면 우리나라 국기가 보이는데 이곳을 클릭을 하자. 그러면 여러나라 국기가 나오고 홍콩 국기를 선택하여 홍콩 아이튠즈에 들어가서 계정을 만들면 된다. 그리고 어플을 사고 다음에 다시 로그 아웃 한국계정으로 다시 로그인 동기화 어플을 아이폰에 동기화 하면 끝 이제 아이폰에서 앵그리 버드를 하자. 이렇게

Coda에 ActionScript 3 Reference 추가하기

여기 아래에 있는 홈에서 매우 자세하게 설명이 되어 있습니다. http://www.jowrney.com/xe/?mid=JSDays&sort_index=regdate&order_type=desc&comment_srl=14679&listStyle=list&document_srl=10663 추가적으로 보면 Book Title : Flash CS4 
Book URL :   http://help.adobe.com/ko_KR/Flash/10.0_Welcome/index.html 
 Cover Image
   :       Use For Mode : ActionScript Search URL :   http://www.adobe.com/cfusion/livedocs/search/index.cfm?restrict=support&link=&term=* Book을 눌러보면 아래에 + 단추를 눌러 북을 추가하여 주세요. 그러면 이렇게 참조를 할 수 있습니다. 물론 인터넷이 연결된 상태에서 가능합니다.