지식 정보를 웹상에 적어놓기 위한 괜찮은 툴 없나요?

vudghkzm의 이미지

무엇인가에 대해서 새롭게 알게되었을 때, 이 기억을 웹 페이지 정도로 만들어 두고 싶을때가 있습니다.

블로그를 생각해보다가, 왠지 블로그는 이런것에는 별로 적합하지 않을거 같고요. 게시판으로 만들자니 너무 밋밋한거 같고.
위키라는게 있는거 같은데, 위키에 대해서는 자세하게는 알지 못하고요.(위키가 무엇인지? 또 언제 부터, 어떻게 그런게 생겨났는지? 등등해서요. 그리고 무슨 모인위키, 모니위키 ㅠ.ㅠ 등등 해서 종류도 넘 많고...하여튼 아직 개념이 없어요 ^^)

웹상에서 이런 정보들을 쉽게 작성하고, 예쁘게 꾸밀수도 있고...그리고 무엇보다 복잡하지 않고 사용법이 간단한 적당한 툴 없나요?

놀고 잇는 웹 서버에 설치해서 사용할 수 있었으면 좋겠네요.

아빠곰의 이미지

위키를 추천합니다. 위키를 이용해서 일기도 쓸 수도 있고
가계부도 쓰고, 사진첩도 만들고, 북마크 페이지도 만들고,
아무튼 별거별거 다 됩니다. 원하시는 간단한 웹 메모장 역시 위키에서 잘 되고요.

게시물을 만들어 낸다는 점에서 보통의 게시판과 같지만, 특정한 키워드에 대한 페이지가 만들어지며 이 페이지를 위키 내에서 쉽게 링크할 수 있고, 또 특유의 문법을 갖고 구조화된 페이지를 만들어낸다는 특징이 있습니다.

국내의 유명한 위키시스템 : no-smok.net 을 한번 구경해보시면 좋겠네요.

직접 설치하여 사용하실만한 위키시스템으로, kldp.net의 모니위키를 추천합니다. 좋은 시스템으로 호평받고 있으며, 특히 kldp.net에서 개발중인지라 한글사용에 문제가 없고, 한글로 된 도움을 얻기 쉽답니다.

----
아발발다빠따반반나다발딸발발다빠따따맣밤밤따받따발발다따밝다발발다빠따따밤반다빠따다맣밥발
발다따밥다발발다따박다발발다빠따따밞밭밭다따다맣아희

juneaftn의 이미지

저는 2000년부터 제 개인지식관리를 위키위키로 해오고 있습니다.

예를 들어 홍춘이에게 돈을 갚을 일이 있다, 그러면 (윈도우에서)alt-d, "w 홍춘이"라고 입력합니다. 그러면 자동으로 홍춘이에 대한 저의 모든 지식이 뜹니다. 거기에 홍춘이의 은행계좌번호가 있겠죠. 그걸 copy하거나 혹은 새창을 띄운 다음, 이번에는 alt-d, "wg 국민은행"이라고 칩니다. 그러면 자동으로 국민은행 이체 페이지로 갑니다(그 중간에는 제 위키의 국민은행 페이지에서 미리 정해진 url로 리디렉션되는 과정이 있습니다). 그리고 홍춘이와 오는 15일에 만날 일이 기억이 나면 "20050315 1900 종로에서 보기"라는 줄을 추가합니다. 그러면 제 위키의 "스케쥴"페이지의 달력의 해당 날짜칸에 "1900 종로에서 보기"라기 표시되고 그 줄을 클릭하면 홍춘이 페이지로 이동합니다.

이 외에도 기타 편리한 기능을 모두 구현해 넣을 수 있습니다. 위키의 큰 매력 중 하나가 단순함에서 나오는 편리한 확장성이라고 생각합니다.

대다수의 개인위키는 비공개인데, 몇몇개는 공개되어 있는 것이 있고, 나름의 좋은 스타일을 보여주는 위키가 있어 소개합니다.

http://jania.pe.kr
http://jeyong.com

이 친구들은 위 공개 개인 위키 외에도 비공개 위키가 따로 있는 것으로 알고 있습니다.

lazylady의 이미지

juneaftn wrote:

예를 들어 홍춘이에게 돈을 갚을 일이 있다, 그러면 (윈도우에서)alt-d, "w 홍춘이"라고 입력합니다. 그러면 자동으로 홍춘이에 대한 저의 모든 지식이 뜹니다. 거기에 홍춘이의 은행계좌번호가 있겠죠. 그걸 copy하거나 혹은 새창을 띄운 다음, 이번에는 alt-d, "wg 국민은행"이라고 칩니다. 그러면 자동으로 국민은행 이체 페이지로 갑니다(그 중간에는 제 위키의 국민은행 페이지에서 미리 정해진 url로 리디렉션되는 과정이 있습니다). 그리고 홍춘이와 오는 15일에 만날 일이 기억이 나면 "20050315 1900 종로에서 보기"라는 줄을 추가합니다. 그러면 제 위키의 "스케쥴"페이지의 달력의 해당 날짜칸에 "1900 종로에서 보기"라기 표시되고 그 줄을 클릭하면 홍춘이 페이지로 이동합니다.

흐흐 이거 참 채밌는 얘기네요. 그런데 무슨 얘긴지 잘 모르겠어요. alt d는 브라우저 주소창을 말씀 하시는 것? w 홍춘이를 치면 자신의 위키 페이지에서 홍춘이가 검색되도록 설정하셨다는 말씀? 좀만 더 자세히 말씀해주세요-

건축과 다니면서 프로그램 공부하는 이상한 사람;;

raymundo의 이미지

vudghkzm wrote:

위키라는게 있는거 같은데, 위키에 대해서는 자세하게는 알지 못하고요.(위키가 무엇인지? 또 언제 부터, 어떻게 그런게 생겨났는지? 등등해서요. 그리고 무슨 모인위키, 모니위키 ㅠ.ㅠ 등등 해서 종류도 넘 많고...하여튼 아직 개념이 없어요 ^^)

기존의 웹게시판이나 블로그, 포럼 등에 비해서, 낯이 설어 그런 것이지 어려울 것도 없습니다.

이건 Palm PDA 에 관한 주제를 다루는 위키사이트에 올라와 있는 글인데 (제가 적은 겁니다 ^^;) 혹시 도움이 될런지도. 아래 글은 유즈모드위키를 기준으로 작성한 거라 모니나 모인모인과는 조금 다르지만 기본 개념은 대동소이합니다.

http://wiki.jmjeong.com/wiki.cgi?PalmWikiTutorial

좋은 하루 되세요!

juneaftn의 이미지

lazylady wrote:

흐흐 이거 참 채밌는 얘기네요. 그런데 무슨 얘긴지 잘 모르겠어요. alt d는 브라우저 주소창을 말씀 하시는 것? w 홍춘이를 치면 자신의 위키 페이지에서 홍춘이가 검색되도록 설정하셨다는 말씀? 좀만 더 자세히 말씀해주세요-

alt-d는 주소창으로 가는 단축키가 맞습니다. w는 제가 지정한 글자인데, "w <string>"이 저의 위키 주소+<string>으로 매핑됩니다. IE에서는 ie quicksearch라는 프로그램을 이용하고, firefox 등에서는 기본으로 지원이 되죠.

홍춘이가 검색되는 것이 아니고 홍춘이라는 제목의 페이지로 가는 것입니다. 이것은 아주 큰 차이인데, 위키적이냐 아니냐를 나눌 정도로 중요합니다.

그 외에 제가 같이 자주 쓰는 기능은...

윈도우즈 notepad를 쓰다가 어떤 계산을 해야한다, 그러면 3457*9827/1.2 라고 notepad 상에 수식을 그대로 쳐넣고 해당 부분을 선택한 다음 ctrl-alt-=을 누릅니다(수식의 equal을 암시). 그러면 그자리에 결과값이 replace됩니다.

브라우징을 하다가 영국 아마존 사이트에서 어떤 책의 가격이 49.25 파운드였다면 alt-d, Pound(49.25)라고 입력하고 ctrl-a, c-a-=를 누릅니다. 그러면 현재 시점의 환율을 적용해서 몇 원인지 그자리에 리플레이스되어 나옵니다.

c-a-=를 했을 때는 파이썬 인터프리터가 내부적으로 실행이 됩니다. 제가 원하는 객체들을 만들어서 Lobby에 넣어둘 수 있죠.

또 웹에서 누가 쓴 글에 답글을 달 때, 앞에 ">" 표시를 달고 새로 리포매팅(폭)을 하고 싶은 경우가 있습니다. 그러면 인용할 글을 선택한 다음 textarea에 복사하고, 앞 뒤로 t="""<string>""";reply(wrap(t))라고 친다음 c-a-=을 합니다. 그러면 한 줄에 73글자 디폴트로 해서 ">"가 달립니다. (이 기능을 자주 쓰기 때문에 c-a-> 라는 핫키로 지정해 놓고 쓰기도 합니다)

이 아이디어는 Humane Interface에서 얻어서 수년째 써오고 있습니다.

lazylady의 이미지

juneaftn wrote:

홍춘이가 검색되는 것이 아니고 홍춘이라는 제목의 페이지로 가는 것입니다. 이것은 아주 큰 차이인데, 위키적이냐 아니냐를 나눌 정도로 중요합니다.

그 외에 제가 같이 자주 쓰는 기능은...

윈도우즈 notepad를 쓰다가 어떤 계산을 해야한다, 그러면 3457*9827/1.2 라고 notepad 상에 수식을 그대로 쳐넣고 해당 부분을 선택한 다음 ctrl-alt-=을 누릅니다(수식의 equal을 암시). 그러면 그자리에 결과값이 replace됩니다.

브라우징을 하다가 영국 아마존 사이트에서 어떤 책의 가격이 49.25 파운드였다면 alt-d, Pound(49.25)라고 입력하고 ctrl-a, c-a-=를 누릅니다. 그러면 현재 시점의 환율을 적용해서 몇 원인지 그자리에 리플레이스되어 나옵니다.

c-a-=를 했을 때는 파이썬 인터프리터가 내부적으로 실행이 됩니다. 제가 원하는 객체들을 만들어서 Lobby에 넣어둘 수 있죠.

또 웹에서 누가 쓴 글에 답글을 달 때, 앞에 ">" 표시를 달고 새로 리포매팅(폭)을 하고 싶은 경우가 있습니다. 그러면 인용할 글을 선택한 다음 textarea에 복사하고, 앞 뒤로 t="""<string>""";reply(wrap(t))라고 친다음 c-a-=을 합니다. 그러면 한 줄에 73글자 디폴트로 해서 ">"가 달립니다. (이 기능을 자주 쓰기 때문에 c-a-> 라는 핫키로 지정해 놓고 쓰기도 합니다)

이 아이디어는 Humane Interface에서 얻어서 수년째 써오고 있습니다.

으악.. 너무 훌륭해요 ㅜㅜ humane interface 저도 공부해보고 싶어요.

건축과 다니면서 프로그램 공부하는 이상한 사람;;

juneaftn의 이미지

lazylady wrote:

으악.. 너무 훌륭해요 ㅜㅜ humane interface 저도 공부해보고 싶어요.

원래는 The Humane Interface를 접하기 전부터 이런 시스템을 만들어 쓰고 있었다가 THI를 알게 되면서 내가 쓰는 것이 THI의 그것과 비슷하다는 착상을 하게 되어서 그걸 좀 더 적극적으로 발전시키게 되었죠.

모든 프로그래머, 디자이너에게 일독을 권합니다. (그 책의 저자인 제프 라스킨은 최근 작고했습니다.) 번역서도 있습니다.

중요한 것은 어느 도구를 쓰느냐가 아니고, 단순함의 느낌(the feeling of simplicity)이 있느냐, 그런 미감이 발달되었느냐는 것 같습니다.

워드 커닝험 같은 사람의 작품들을 보면 그런 미감이 많이 발달됩니다.

lazylady의 이미지

흐흐 고맙습니다. 넌지시 검색어를 던져 주시는 센스도 잊지 않으시는 군요. :wink:

건축과 다니면서 프로그램 공부하는 이상한 사람;;

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.