[의견] 2번째 : phpBB Mod 의 다음 테마를 AJAX 로 잡을 듯.

offree의 이미지

http://wiki.kldp.org/wiki.php/phpBBMod/phpBBTrackBack

가 어느정도 마무리 되어서..(순선님이 적용해주실지 모르겠지만 ^^)
다음 테마를 찾고 있었습니다.

그러던중.

AJAX - Asynchronous JavaScript + XML
"아약스?" 가 눈에 들어오더군요.

익히 아시겠지만,
gmail , google suggestion(http://www.google.com/webhp?complete=1&hl=en)
google map 등에 쓰이고 있죠.

실제로 실행해 본 것은 아니지만, http://www.hof.pe.kr/wp/archives/1150/ 에서보면 채팅도 구현을 한 것 같더군요.
(데모 : http://blog.jalenack.com/archives/ajax-shoutbox-plugin-wordspew-auredict )

아무튼 여기저기서 AJAX 가 상당한 이슈가 되고 있는 것 같습니다.

그래서, phpBB 의 Mod 로 AJAX 를 이용한 무엇인가를 다음에 만들어 볼 예정입니다.

google 서비스 처럼 대단한 것은 아니고, 간단히 이용할 수 있는 수준정도 입니다.( 왜냐! AJAX 에 대해 모르는 상태라..)

우선 위의 WordPress 의 플러그인 같은 것을 생각중에 있습니다.

더 재미있을 만한 , 필요할 만한 것이 있다면, 의견주세요.

Forums: 
sh.의 이미지

ajax로 메신저 혹은 채팅이 가능하겠다라고 생각을 했었는데 구현된것을 보니까 재밌네요
실제로 주고받을때는 xml을 사용한것인지, 최근 대화를 가져오는 것인지 아니면 브라우저에 수신된것 이후의 대화를 가져오는 것인지 그런 사소한것들이 궁금하기도 하고요..

문득 kldp메인 페이지의 bbs최근글도 페이지를 새로불러오지 않고 갱신되면 트래픽면에서 많이 절약되겠다는 생각이 들었습니다
마찬가지로 phpbb에서 현재 접속자가 갱신된다던가
질문과 답변의 경우 현재 누군가 답변을 달고 있는지를 표시해준다던가..
생각해보니 이런 기능은 위키에서 더 유용할수도 있겠네요

생각나는대로 주절거려봤습니다

그나저나 업무상 ajax를 이용해서 개발하고있는것이 있는데
xmlhttprequest나 dom객체를 얻는 방법이 브라우저별로 호환성이 없어서 그렇지 객체를 사용할때는 상당히 호환성이 좋았습니다.
문제가 된것은 사소한 부분들이었는데 예를 들면

var el = document.createElement('div');
el.setAttribute('className', 'myclass');

이게 표준적인 방법인데 firefox에서는 작동이 안되고 ie6에서는 잘 됩니다.
firefox에서는 className 대신에 class 를 바꿔야됩니다.

내일이 쉬는날이다보니 잡설이 길어지네요
재밌는 테마 찾으시길...

offree의 이미지

bs0048 wrote:
ajax로 메신저 혹은 채팅이 가능하겠다라고 생각을 했었는데 구현된것을 보니까 재밌네요
실제로 주고받을때는 xml을 사용한것인지, 최근 대화를 가져오는 것인지 아니면 브라우저에 수신된것 이후의 대화를 가져오는 것인지 그런 사소한것들이 궁금하기도 하고요..

문득 kldp메인 페이지의 bbs최근글도 페이지를 새로불러오지 않고 갱신되면 트래픽면에서 많이 절약되겠다는 생각이 들었습니다
마찬가지로 phpbb에서 현재 접속자가 갱신된다던가
질문과 답변의 경우 현재 누군가 답변을 달고 있는지를 표시해준다던가..
생각해보니 이런 기능은 위키에서 더 유용할수도 있겠네요

생각나는대로 주절거려봤습니다

...
...

여러가지 용도를 생각해 보고 있습니다.
말씀하신 것들도 재미있는 기능이네요.

본격적으로 시작하기 전에 여러자료를 수집해야 겠습니다.

관련자료
http://fivewind.egloos.com/981850
http://crichton.cafe24.com/soojung/entry.php?blogid=17
http://blog.naver.com/post/postView.jsp?blogId=ecogeo&logNo=100011579256&copen=1

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

gogoonee의 이미지

자바스크립트에서 서버에 접근가능하다는걸 이제야 알었네요
진작 알었으면 벌써 이용했을텐데..

웹 page 가 refresh 안되고 데이터를 그때그때 가져오는 것이 너무 맘에 듭니다.

활용할데가 무궁무진 하군요.

웹 프로그래밍 세계가 장난이 아니네요.

offree의 이미지

아주 기본적인 작동만 구현 하였습니다.

http://phpbbc.wowdns.com/phpBB2/viewforum.php?f=4

에서 테스트 해 주세요.

어느정도 쓸만한지는 모르겠군요. ^^

Quote:

phpBB LiveChat Mod 0.0.1 test

* 기본적인 작동만 구현
* wp - wordspew plugin 을 phpBB 용으로 포팅

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

gogoonee의 이미지

한가지 질문있습니다.

사용자 화면에 대화내용 업데이트 하는 방식이 주기적으로 서버를 polling 하는것 같은데 맞나요?

서버에서 업데이트되면 사용자에게 알려주는 방식은 이 방식으론 불가능할것 같긴하니 polling 이 유일한 방법이긴 한것 같은데..

offree의 이미지

gogoonee wrote:
한가지 질문있습니다.

사용자 화면에 대화내용 업데이트 하는 방식이 주기적으로 서버를 polling 하는것 같은데 맞나요?

서버에서 업데이트되면 사용자에게 알려주는 방식은 이 방식으론 불가능할것 같긴하니 polling 이 유일한 방법이긴 한것 같은데..

http 프로토콜을 쓰기 때문에 어쩔수 없는 부분인것 같습니다.

chat 은 실제적으로 사용하기는 어려울 것 같습니다.(전용 서버를 쓰지 않는이상.)

그냥 Ajax 가 이런식으로 쓸 수 있구나 정도로 생각하면 될 듯 합니다.

다른 유용하게 쓰일만한 곳이 없을까 생각중입니다.

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

gogoonee의 이미지

아주 유용한데가 게시판 아닐까요?
상단에 글 리스트 보여주고 .. 제목 클릭하면 하단에 글 보여주는 방식.

글 클릭할때마다 리스트 다시 긁어올 필요없이 해당 글만 가져오니
좋아 보입니다. 화면 리플래시 안되니 더 좋고..

뭐 제목만 보여주다 클릭하면 내용보여주는 곳에선 다 쓰면 좋을듯 합니다.

offree의 이미지

ajax 시리즈 두번째 : phpBB topicview Mod 0.0.1

http://phpbbc.wowdns.com/phpBB2/viewtopic.php?t=24

처음에 답글이 보이지 않는 상태에서 선택적으로 글 내용을 가져와 보여주는 것을 구현해 보았습니다.

용도에 따라 유용하게 쓰일 수도 있을 듯 합니다.

사용자가 바꾸어 나가자!!

= about me =
http://wiki.kldp.org/wiki.php/offree , DeVlog , google talk : offree at gmail.com

gogoonee의 이미지

오~~~~ 대단 하십니다.

서버 부하도 줄고 읽기도 편해질거 같습니다. 마지막글 보려고 죽 내려갈 양도 적어지고..

댓글 달기

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
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.