MATLAB 에디터에서 코드를 작성하고 해당 코드에 대해서 문서를 생성할때 MATLAB 에디터의 퍼블리시 기능을 사용하곤 합니다. MATLAB 퍼블리시에서는 코드에 대해서 html, xml, latex, doc, ppt, pdf 등으로 문서를 생성해 줍니다. 퍼블리시 창에서 작업 폴더나 몇몇 옵션 등을 변경해 줄 수 있지만 사용 방법은 그냥 버튼 하나만 누르면 되기 때문에 뭐 그리 설명할게 없을 것 같습니다.

MATLAB Command Window 에서 문서를 생성하기 위해서는 아래와 같이 publish 명령어를 사용하면 됩니다. 첫 번째 인자로 파일명을 넣어 주고 두 번째 인자로 생성 하고자 하는 문서의 형태를 넣어주면 됩니다.

publish(‘publishTest.m’, ’doc’);

그런데 이렇게 간단한 문서 생성 방법도 코드가 잘못된 경우에는 생성이 잘 안 되는 경우가 있습니다.

바로 아래의 코드 예와 같이 루프문 안에 %% 기호로 된 섹션이 있는 경우에는 문서 생성이 굉장히 오래 걸리는 것을 볼 수가 있었습니다. 따라서 문서 생성을 위해서는 코드의 루프문 안에는 %% 기호를 사용해선 안됩니다.

루프 문 안에 있던 %% 섹션 표시를 % 주석으로 처리하고 문서 생성을 하니 정상적인 속도로 문서가 생성 되더군요.

문서 생성 결과를 보면 %% 로 된 섹션 표시는 하나의 챕터를 표시하는 것을 알 수가 있습니다.

For 문 안에 섹션 표시가 있으면 해당 섹션 부분을 문서의 목차에 계속해서 표시하게 될 것이므로 문제가 될 것입니다. 아마도 publish 기능에 루프 문안의 섹션에 대한 예외 처리는 안되어 있는것으로 생각되네요.



티스토리 블로그는 블로그 API를 통해서 글을 작성할 수 있었습니다. 블로그 APIMicrosoft Word 와 같은 외부 편집기 프로그램을 통해서 티스토리에 글을 게시하고 수정할 수 있는 API 입니다. 그런데 보안에 취약한 문제 등으로 2016 12월에 지원을 종료하였습니다. 대신에 오픈 API는 계속 사용할 수가 있습니다.

http://notice.tistory.com/2359

저는 아래 주소의 로또 관련 포스팅을 매주 자동으로 생성하고 있습니다. 로또 결과 발표가 나면 단순한 형태의 크롤링을 통해 로또 당첨번호를 가져오고~ 계속해서 안 나오고 있는 숫자들을 자동으로 찾습니다.

http://iamaman.tistory.com/category/%EB%A1%9C%EB%98%90

이후 포스팅할 로또 HTML 페이지를 생성 한 다음 티스토리 오픈 API를 통해서 로또 포스팅을 업로드 하고 있습니다.

http://www.tistory.com/guide/api/post

그런데 오픈 API 사용 실력이 딸리다 보니 텍스트 업로드는 알겠는데 파일 업로드는 잘 모르겠더군요. 매주 로또 파일이 업로드 되는데 글에 첨부되는 텍스트 파일 업로드를 자동으로 하는 방법을 잘 모르겠어서, 로또 파일 업로드는 수동으로 처리하고 있습니다. 

오픈 API를 확인해 보면 파일 첨부 API가 있습니다. 파일 첨부 API를 사용해서 텍스트 파일을 업로드를 여러 번 시도해 봤지만 정상적으로 동작하지 않았습니다. 그래서 이번에는 제가 가지고 있는 Synology NAS 에 터미널로 붙어서 CURL을 통해 티스토리 블로그에 파일첨부를 시도해봤습니다.

curl -F 'access_token=access_token값' \

     -F 'blogName=iamaman' \

     -F 'uploadedfile=@./lotto.txt' \

     https://www.tistory.com/apis/post/attach

텍스트 업로드를 시도하자 아래 그림과 같이 이미지만 업로드 할 수 있다고 에러 메시지가 뜨더군요. ~! 결과적으로 오픈 API의 파일 첨부 API를 사용해서는 텍스트 파일은 업로드 할 수 없다는걸 이제야…. 알게 됐습니다.


같은 방법으로 이미지파일을 업로드 해 보니 정상적으로 첨부가 되더군요.  정상적으로 동작하면 응답값 200을 받습니다.

그럼 텍스트 파일을 이미지 확장자로 만든 다음에 업로드 해 보면 어떻게 될까... 해서 해 봤는데... 역시나 안되더군요. 


이 글을 보시는 분들은 저처럼 Tistory Open API 를 통해 텍스트 파일 첨부하려고 뻘짓하지 마시기 바랍니다.


어제 간만에 블로그 스킨을 변경 했습니다. 


제 블로그 이름은 "남성의 MATLAB LOG" 인데 기존의 스킨에서는 이 블로그 이름이 안나오더군요.


TickTock 이라고 되어 있어서 내 블로그 제목을 사람들이 TickTock 으로 오해 할 수도 있겠다는 생각이 들더군요. 


그리고 기존에 스킨에서는 글자가 좀 보기 불편하게 나오는것 같아서


정말 백만년 만에 스킨을 변경 했습니다.


티스토리 스킨 변경 관련 웹서핑을 조금 해 보니 스킨은 반응형으로 하는게 좋다고 해서 반응형 스킨으로 변경 했고~ 


이제 애드센스 광고를 넣는데... 이게 간만에 해보니 어디에 넣는게 맞는지 잘 모르겠더군요.


요즘은 애드센스 광고 넣기가 플러그인 형태로 되어 있어서 좋긴 한데


저는 오래전부터 글 하단 광고의 경우 블로그 글에 직접 넣도록 해 왔어서 블로그 하단 광고를 일일이 빼기가 곤란하더군요.


모든 포스팅에 대해 한번에 바꿔 주려면.... 이참에 tistory open api 를 다시 조금 만져 봐야 될것도 같다는 생각도 들더군요.


현재 제 포스팅 중에 로또 관련 포스팅은  tistory open api 를 사용하여 일주일에 한번씩 자동으로 분석 내용이 올라가고 있긴 한데


글 올리기 api 이외의 다른 기능들은 아직 제대로 사용을 안 해봐서... 일단 이건 조금 뒤로 밀어 두고 


애드센스 일치하는 컨텐츠 광고를 넣어야는데... 


저는 일치하는 컨텐츠 광고를 포스팅 글과 댓글 사이에 넣고 싶은데 HTML 페이지의 어디에 넣었었는지 기억이 잘 안나더군요.


그래서 다음에 또 이럴까봐 이번에는 기록을 해 놓습니다. 


일치하는 컨텐츠 광고를 포스팅 글과 댓글 사이에 넣고 싶다면 블로그 관리-> HTML/CSS편집 페이지에서 _article_rep_desc_ 를 검색한 후에

<div class="article">

[##_article_rep_desc_##]

</div>

아래 그림과 같이 그 밑에 adsense 코드를 넣어 주시면 됩니다. 

오늘 기록을 해 놨으니 다음에는 또 헷갈려 하는 일 없을 것 같네요. 



notepad++ 사용시 html 링크등을 쓰면 아래 그림과 같이 링크가 활성화 됩니다.


이처럼 링크가 활성화 되면 해당 링크를 클릭해서 화명을 여는 경우에는 편리하지만 해당 링크에 대해 편집을 하거나 하는 경우에는 불편한 경우가 많습니다.


이런 불편함을 없애기 위해 다음과 같이 링크를 해제 할 수 있습니다.


Settings -> Preferences 에 들어가서


MISC 탭에서 Clickable Link Settings 를 아래 그림과 같이 해제 합니다.


이렇게 해제를 한 후에 notepad++ 를 재시작 하면 아래와 같이 링크가 해제 됩니다.



코드에 대한 문서화를 진행하는 경우 Doxygen 을 많이 사용하곤 합니다.

 

Doxygen 을 사용하면~ HTML, Latex, XML, RTF, CHM 등 다양한 형태로 문서를 만들 수 있는데~

 

CHM 파일을 만들때는 HTML Help Workshop and Documentation 라는 프로그램을 더 설치 해 줘야 합니다.

 

HTML Help Workshop and Documentation 다운로드 링크는 다음과 같습니다.

 

https://www.microsoft.com/en-us/download/details.aspx?id=21138

 

그 이외의 설정 방법은 아래 주소에 나와 있으니 간단히 따라 하시면 될 것 같네요.

 

https://codeyarns.com/2010/10/26/doxygen-generating-chm/



아래 포스팅에서 mathjax 에 대해 소개한 적이 있습니다.

 

http://iamaman.tistory.com/1662

 

$수식$$$수식$$ 의 형태로 사용하는데~

 

Powershell 이나 펄의 경우 변수 설정시에 $ 기호를 사용하므로 블로그에 코드 입력시 의도치 않은 동작을 하는 경우가 있습니다.

 

따라서 mathjax 를 사용하는 블로그에 $ 기호가 들어가는 경우 escaping 을 해 줘야 합니다.

 

$ 기호를 escaping 하는 방법은 다음과 같습니다.


<span class="tex2jax_ignore">$</span>

 

HTML 코드에 이런 $ 기호가 몇 개 안될때는 일일이 바꿔주면 되겠지만 $ 기호가 많은 경우에는 일일이 바꾸기 어렵습니다.

 

이런 경우 전체 HTML 코드를 복사 한 후에 아래 autohotkey 코드를 사용하면 한번에 $ 기호들을 escaping 할 수 있습니다.

 

Clipboard:= RegExReplace(Clipboard,"\$","<span class=""tex2jax_ignore"">$</span>")  


위 코드에서 보듯이 클립보드에 결과가 저장되므로 붙여넣기만 하면 됩니다.


오늘은 리눅스 터미널에서 로그파일 내용의 색깔을 입혀 주는 ccze tool 에 대해 간단히 소개하려 합니다.

   

http://lintut.com/colorize-log-files-on-linux-using-ccze-tool/

 

그냥 일반일 분들이야 뭐 로그 파일 사용 하실 일이 없지만

 

컴퓨터를 좀 전문적으로 사용하시는 분들이라면 로그 파일의 중요성에 대해 아시리라 생각합니다.

 

리눅스를 사용하시는 분들은 아마도 로그 파일을 자주 들여다 보실텐데~

 

검색을 하다 보니 위 주소에 ccze 라는 툴이 있더군요.

 

다음과 같이 CentOS and Fedora linux에서 설치 할 수 있고~

 

yum install ccze –y

 

Debian/Ubuntu linux 에서는 다음과 같이 설치 할 수 있습니다.

 

sudo apt-get install ccze –y


아래 그림과 같이 간단하게~ ccze 로 파이프라이닝을 하니 예쁜 색깔로 로그가 나오더군요.

 


위 주소를 확인해 보시면 간단하게 html 파일로도 저장 할 수 있고~

 

/etc/cczerc, $HOME/.cczerc 파일들을 통해 셋팅을 할 수가 있습니다.

 

플러그인도 다양하게 있다고 하는데 ccze –l 명령어를 통해 알아 볼 수 있습니다.

 

리눅스 시스템 관리자 분들은 한번쯤 사용해 보시는것도 좋을 것 같네요.

 

ABAP, ActionScript, Ada, ADSO/IDSM, AMPLE, ant, Apex Trigger, Arduino Sketch, ASP, ASP.NET, Assembly, autohotkey, awk, blank, Bourne Again Shell, Bourne Shell, C, C shell, c#, C++, C/C++ Header, C:\Windows, CCS, choco, chocolatey, cloc, cloc-1.62.exe, cloc-1.62.pl, cloc.exe, Clojure, ClojureScript, cmake, COBOL, CODE, CoffeeScript, coldfusion, ColdFusion CFScript, COMMENT, css, CUDA, cython, d, Dal, dart, DOS Batch, dtd, ECPP, erlang, expect, F#, focus, fortran 77, Fortran 90, fortran 95, Go, Grails, Groovy, Haml, Handlebars, harbour, Haskell, HLSL, HTML, IDL, install, InstallShield, Java, javascript, JavaServer Faces, JCL, JSON, jsp, kermit, Korn Shell, Kotlin, less, LEX, LISP, Lisp/OpenCL, LiveLink OScript, LUA, M4, make, matlab, maven, Modula3, MSBuild script, mumps, Mustache, MXML, NAnt script, NASTRAN DMAP, Objective C, Objective C++, Ocaml, Oracle Forms, oracle reports, pascal, Pascal/Puppet, Path, Patran Command Language, perl, php, PHP/Pascal, Pig Latin, PL/I, PowerShell, python, QML, r, Racket, Razor, Rexx, RobotFramework, ruby, Ruby HTML, rust, SASS, Scala, sed, Skill, SKILL++, SMARTY, Softbridge Basic, sourceforge, SQL, SQL Data, SQL Stored Procedure, strip-comments, Swift, Tcl/Tk, Teamcenter met, Teamcenter mth, TypeScript, Unity-Prefab, Vala, Vala Header, Velocity Template Language, Verilog-SystemVerilog, VHDL, vim script, Visual Basic, Visualforce Component, Visualforce Page, Windows Message File, Windows Module Definition, Windows Resource File, WiX include, WiX source, WiX string localization, XAML, xBase, xBase Header, xml, xquery, xsd, XSLT, yacc, YAML, 라인수, 코드

이전 포스팅에서 powershell 을 사용한 코드 라인수 세기 방식에 대해 소개한 적이 있는데요~

 

http://iamaman.tistory.com/1577

 

검색을 해보니 역시나…… cloc 라는 프로그램이 있더군요.

 

cloc 의 홈 페이지는 아래와 같습니다.

 

http://cloc.sourceforge.net/

 

또는 이전에 소개했던 Chocolatey 을 사용하여 아래와 같이 설치 할 수 도 있더군요.

 

choco install cloc

 

다운로드 주소는 아래와 같습니다.

 

http://sourceforge.net/projects/cloc/files/cloc/


현재 최신 버전은 1.62 입니다.

 

 

현재 저는 윈도우 64비트를 사용 중이라 위 그림과 같은 페이지에서 cloc-1.62.exe 을 다운로드 받았습니다.


Perl 에 관심이 있는 분들은 cloc-1.62.pl 파일을 다운로드 받아서 소스를 살펴보는 것도 좋은 공부가 될 듯 하네요.

 

다운로드 받은 cloc-1.62.exe 파일을 cloc.exe 라는 이름의 심볼릭 링크로 해서 C:\Windows 와 같이 path 로 설정된 폴더에 넣거나 cloc.exe 로 파일명을 변경 한 후에 path 로 설정된 폴더에 넣습니다.

 

사용법은 굉장히 간단한데요~

 

CMD 창을 연 다음 아래 그림과 같이 cloc 파일명을 넣어 주고 엔터를 때리면~ 각 확장자 별로 code, blank, comment 줄 수 별로 카운트를 해서 목록으로 알려 줍니다.

 

 

위에 그림은 C++ 파일과 헤더 파일 MATLAB 파일의 Code, Blank, Comment 줄 수를 나타내 주는 것을 확인 할 수 있습니다. cloc 는 아래 주소에서 확인 할 수 있는 바와 같이 정말 다양한 언어에 대해 줄 수를 파악해 줍니다.

 

http://cloc.sourceforge.net/#Languages

 

ABAP, ActionScript, Ada, ADSO/IDSM, AMPLE, Ant, Apex Trigger, Arduino Sketch, ASP, ASP.Net, Assembly, AutoHotkey, awk, Bourne Again Shell, Bourne Shell, C, C Shell, C#, C++, C/C++ Header, CCS, Clojure, ClojureScript, CMake, COBOL, CoffeeScript, ColdFusion, ColdFusion CFScript, CSS, CUDA, Cython, D, DAL, Dart, DOS Batch, DTD, ECPP, Erlang, Expect, F#, Focus, Fortran 77, Fortran 90, Fortran 95, Go, Grails, Groovy, Haml, Handlebars, Harbour, Haskell, HLSL, HTML, IDL, InstallShield, Java, Javascript, JavaServer Faces, JCL, JSON, JSP, Kermit, Korn Shell, Kotlin, LESS, lex, Lisp, Lisp/OpenCL, LiveLink OScript, Lua, m4, make, MATLAB, Maven, Modula3, MSBuild script, MUMPS, Mustache, MXML, NAnt script, NASTRAN DMAP, Objective C, Objective C++, OCaml, Oracle Forms, Oracle Reports, Pascal, Pascal/Puppet, Patran Command Language, Perl, PHP, PHP/Pascal, Pig Latin, PL/I, PowerShell, Python, QML, R, Racket, Razor, Rexx, RobotFramework, Ruby, Ruby HTML, Rust, SASS, Scala, sed, SKILL, SKILL++, Smarty, Softbridge Basic, SQL, SQL Data, SQL Stored Procedure, Swift, Tcl/Tk, Teamcenter met, Teamcenter mth, TypeScript, Unity-Prefab, Vala, Vala Header, Velocity Template Language, Verilog-SystemVerilog, VHDL, vim script, Visual Basic, Visualforce Component, Visualforce Page, Windows Message File, Windows Module Definition, Windows Resource File, WiX include, WiX source, WiX string localization, XAML, xBase, xBase Header, XML, XQuery, XSD, XSLT, yacc, YAML

 

--strip-comments 같은 옵션을 사용하면 comment 을 지울 수도 있더군요. 외부에 코드를 보낼 때 종종 활용하게 될 것 같네요.


데이터 베이스를 사용하다 보면 정상적으로 동작하는지 테스트를 하는 과정이 필요한데요~

 

테스트를 하기 위해서는 테스트 데이터를 insert 해야 할 텐데~

 

각 필드에 맞게 랜덤하게 데이터를 생성하는 것도 참 귀찮은 일입니다.

 

그래서 데이터베이스의 테스트 데이터를 생성하는 방법에 대해 검색 해 보니 아래 주소의 사이트가 나오더군요.

 

http://www.generatedata.com/

 

위 사이트에서 데이터 생성을 할 수 있지만 100 개 정도의 데이터만 생성 할 수 있는 등 제약 사항 들이 좀 있더군요.

 

하지만 http://www.generatedata.com/ 은 소스코드를 다운로드 받아서 자신의 서버에 설치하면 제약 없이 사용 할 수 있다는 군요. 서버 설치 방법은 아래 주소에 설명 되어 있습니다.

 

http://benkeen.github.io/generatedata/install.html

 

저는 어차피 그리 많은 데이터는 필요 없어서 간단하게 http://www.generatedata.com/ 을 그냥 사용하는데요~

 

아래 그림과 같이~ 각 column 의 이름과 타입을 정해 주고~ 기본적으로 4개의 column 을 설정 할 수 있는데~ 추가를 할거면 아래 그림에서와 같이 Add 를 눌러서 추가 하시면 됩니다.

 

SQL 뿐만 아니라 Excel, CSV, JSON, XML, HTML 형태로도 생성이 가능하더군요.

 

SQLite, MySQL, Oracle, Postgres 에 대해 테스트 데이터를 생성할 수 있고 설정을 다 마쳤으면~ 우측 하단의 generate 버튼을 누르면 됩니다.

 

위 화면의 설정에 따라 SQL 파일로도 떨궈주고~ 또는 새로운 페이지에서 아래 그림과 같이 INSERT 쿼리를 생성되게도 할 수 있더군요.



이전 포스팅에서 Markdown 언어에 대해 소개 드린 적이 있는데요~

  

2014/06/06 - [유틸] - The Wysiwym Markdown Editor


2014/06/03 - [유틸] - 괜찮은 Markdown Editor markable 과 Table 을 쉽게 생성 할 수 있는 tablesgenerator


Markdown 을 비롯한 다양한 markup 문서들을 다양한 형태로 변환해 주는 유틸이 있는데 그게 바로 pandoc 입니다.

 

Pandoc 소개 페이지를 보니 정말 다양한 markup 언어들이 있더군요. 변환 가능한 markup 언어들로 아래 언어들을 소개하는데~ HTML, LaTeX, markdown 등을 제외하고는 모르겠더군요.

 

markdown, reStructuredText, textile, HTML, DocBook, LaTeX, MediaWiki markup, OPML, Emacs Org-Mode, Haddock

 

아무튼 위 목록과 같은 markup 언어로부터 HTML, Word processor, Ebooks, TeX, PDF, Markdown 등등으로 변환 할 수 있더군요.

 

저는 블로그 API를 주로 사용해서 Word processor 형태로 글을 많이 작성하는데~ 매우 편리합니다.

 

Pandoc 의 홈페이지는 아래 주소와 같고~ 

http://johnmacfarlane.net/pandoc/

 

Windows Binary 는 아래 주소에서 다운로드 할 수 있습니다. 리눅스에서는 그냥 apt-get 과 같은 package 관리자로 설치 할 수 있더군요.

 

https://github.com/jgm/pandoc/releases

 

위 페이지에서 아래 그림과 같이 windows.msi 파일을 다운로드 하고 설치하면 됩니다.

 

설치과정은 일반적인 윈도우 설치과정과 같이 대부분 다음 다음이니 설명 안 드립니다.

 

 

Pandoc 의 사용 방법은 다음 페이지를 보시면 됩니다.

 

http://johnmacfarlane.net/pandoc/README.html

 

대부분 복잡한 옵션 없이 입력과 출력 format 만 설정해 주면 되더군요.

 

저는 위에 말씀 드린데로~ Word processor 를 자주 사용하는 관계로 이전에 아래 글에서 소개한 readme.md 파일을 Word processor로 변환해 봤습니다.

  

2014/06/06 - [유틸] - The Wysiwym Markdown Editor

  

MS 워드로 변환하는 명령어는 다음과 같습니다.

 

Pandoc readme.md –o readme.docx

 

이랬던 readme.md 파일이~

 

이렇게 예쁜 형식의 워드 파일로 변하더군요~ 더없이 편리 하네요~

 

 

아래 주소에서 좀 더 다양한 형식에 대한 변환 예를 볼 수 있습니다.

 

http://johnmacfarlane.net/pandoc/demos.html


아래 포스팅에서 Markdown 을 웹에서 편집 할 수 잇는 웹 에디터인 Markable 에 대해 소개 드린 적이 있는데요~

 


2014/06/03 - [유틸] - 괜찮은 Markdown Editor markable 과 Table 을 쉽게 생성 할 수 있는 tablesgenerator


 

오늘은 Markdown 웹 에디터에 대해 소개 드리려 합니다.

 

Markdown 을 사용하면 HTML 을 사용할 줄 모르는 사람들도 간단하게 HTML 코드를 생성 할 수 있는데요~

 

Markdown 의 기본적인 사용법은 아래 주소 참조 바랍니다.

 

http://blog.kalkin7.com/2014/02/05/wordpress-markdown-quick-reference-for-koreans/

 

Markdown 을 사용한다고 해서 HTML 의 모든 태그들을 생성 할 수 있는 것은 아닙니다.

 

즉 Markdown 을 사용해서 Check boxes, Drop down, Text fields, Radio buttons 등과 같은 태그들은 생성 할 수 없더군요.

 

Markdown을 사용하여 Check boxes, Drop down, Text fields, Radio buttons 등을 생설 할 수 있다면 좀더 편리할텐데 하는 생각으로 인터넷을 좀더 검색 해보니 아래 주소의 글들이 나오더군요.

 

http://brikis98.blogspot.kr/2011/07/proposal-extend-markdown-syntax-to.html

 

https://github.com/maleldil/wmd

 

위 주소의 github 주소에 들어가서~ 아래 그림과 같이 zip 파일을 다운로드 받습니다.

 

Readme.md 은 markdown 으로 되어 있습니다.

 

이전 포스팅에서 소개 드렸던 http://markable.in/ 을 통해 열어보시면~ 아래 그림과 같이 사용법에 대한 소개가 html 로 보이게 됩니다.

 

위 그림에서 보듯이 간단한 문법을 통해 Check boxes, Drop down, Text fields, Radio buttons 등을 생성 할 수 있습니다.

 

압축을 해제한 후 wmd-test.html 파일을 실행해 보면 다음 그림과 같은 화면이 열리게 됩니다.

 

readme 에서 설명한 데로 Check boxes, Drop down, Text fields, Radio buttons 들을 생성해 보죠~

 

제일 위 칸에 다음과 같은 코드들을 넣으면~

 

name = ___

sex = (x) male () female

phones = [] Android [x] iPhone [x] Blackberry

city = {BOS, SFO, (NYC)}

 

preview 에 Check boxes, Drop down, Text fields, Radio buttons 등이 나오고~

 

이렇게 간단하게 생성한 다음에 제일 밑에 output 으로 생성되는 HTML 코드를 복사해서 HTML 에디터에 붙여넣기 하면 되겠죠~

Markdown 은 일반 텍스트 문서의 양식을 편집하는 문법입니다. Markdown 에 대한 설명은 아래 주소에 있습니다.

 

http://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4

 

저는 포스팅을 할 때 주로 Blog Api를 사용해곤 하는데~

 

많은 블로거 분들이 Markdown 도 많이들 사용하신다고 하더군요.

 

어떤 건가 궁금해서 저도 한번 사용해 봤습니다.

 

일단 Markdown 을 사용하기 위해서는 Markdown 을 인식하는 에디터가 있어야 할 텐데~

 

검색해서 나오는 많은 툴들이 유료더군요. 일단 제한된 기능에 있어서 무료였던 MarkdownPad 2 을 사용해 보려 햇으나~

 

MarkdownPad 2 에서 table 을 작성해보니 아래와 같이 그지 같이 나오더군요.

 

MarkdownPad 2의 경우 table 기능을 사용하기 위해서는 옵션을 설정해야 하는데… 그러려면 업그레이드를 해야 하더군요. 즉 유료로 전환해야 해서 그냥 안 쓰기로 했습니다.

 

그래서 좀더 찾아보니 웹페이지에서 사용할수 있는 Markdown editor 가 있더군요. 이름은 markable 이고~ 아래 주소에서 사용가능 합니다.

 

http://markable.in/

 

아래와 같이 Try it now 를 누르고 들어가서~

 

MarkdownPad 2 에서 했던것과 동일한 Markdown 문법을 넣어보니 아래 그림과 같이 table 도 제대로 나오고 좋더군요.

 

Markdown 또는 HTML 로 export 를 할 수도 있습니다.

 

자주 사용하게 될 것 같군요~

 

그리고 Markdown 을 사용하다 보면 table 을 만들기가 좀 불편한 감이 있는데 아래 주소의 tablesgenerator 를 사용하면 간단하게 Markdown table 을 만들 수 있습니다.

 

http://www.tablesgenerator.com/Markdown_tables

 

아래 그림과 같이 table 의 내용을 작성하고~ copy to clipboard 를 누르면 clipboard 에 복사가 됩니다.

 

그리고 에디터에 붙여넣기만 하면 되겠죠~

 

위에 소개한 tablesgenerator 사이트에서는 Markdown 뿐만 아니라 Text, HTML, latex, Mediawiki table 도 만들 수 있더군요.

 

다양한 용도로 table 만들 때 유용한 사이트 같네요~


보통 웹 프로그래밍을 할 때는 Eclipse 나 Aptana 와 같은 통합 개발 환경이나 notepad++와 같은 텍스트 에디터 프로그램을 사용하실텐데~

 

요즘은 웹에서도 HTML, CSS, JAVASCRIPT, SQL 등을 테스트 해 볼수가 있더군요.

 

개발 환경이 갖추어지지 않은 곳에서 간단하게 코딩한다거나 할 때 대단히 유용하게 사용할수 있을 것 같아서 소개해 드립니다.

 

첫번째로는 http://jsfiddle.net/ 이라는 사이트 입니다. 아래 그림과 같이 HTML, CSS, JAVASCRIPT 코드를 각각 넣어서 테스트 해 볼수 있게 되어 있고~ 제일 오른쪽 하단에 결과 화면이 있어서 바로 바로 결과를 확인 할 수 있는 형태로 구성되어 있습니다.

 

두번째로는 http://liveweave.com/ 이라는 사이트 인데요~ 위에서 소개 드렸던 jsfiddle 과 유사하게~ HTML, CSS, JAVASCRIPT 화면과 결과 화면으로 구성되어 있습니다. HTML5 로 만들어져서 HTML5 를 지원 안하는 브라우져에서는 정상적으로 동작하지 않을 수 있다고 합니다.

 

다음으로 SQL 을 테스트 해 볼 수 있는 사이트를 소개해 드리겠습니다. http://sqlfiddle.com/ 라는 사이트구요~

 

아래 캡쳐 화면과 같이 Schema 를 작성할수 있는 panel 과 SQL 쿼리를 작성 할 수 있는 화면, 결과 화면으로 구성 됩니다.

 

대표적으로 많이 사용하는 DB 인 MySQL, ORACLE, PostgreSQL, SQLite 등에 대해 테스트 해 볼 수 있게 구성되어 있더군요.


+ Recent posts